D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
diafrica
/
www
/
css
/
Filename :
style-main.css
back
Copy
@charset "UTF-8"; /*------------------------------------------------------------------ [Master Stylesheet] Project: Medinova Version: 1.0 Last change: 02.16.2020 Primary use: HTML Template Author: ThemeMascot URL: https://themeforest.net/user/ThemeMascot -------------------------------------------------------------------*/ @import url(preloader.css); @import url(font-awesome5.css); @import url(pe-icon-7-stroke.css); @import url(elegant-icons.css); @import url(icomoon.css); @import url(flaticon-set-current-theme.css); @import url(flaticon-set-communication.css); @import url('https://fonts.googleapis.com/css?family=Montserrat'); @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&family=Playfair+Display:wght@400;500;600;700;800;900&family=Raleway:wght@300;400;500;600;700;800;900&display=swap"); /* This file contains the common styles of this theme. */ /*------------------------------------------------------------------ [table of contents] * reset.scss * typography.scss * common.scss * container.scss * overlay.scss * header.scss * page-title.scss * boxed-layout.scss * dark-layout.scss * form.scss * isotope-layout.scss * owl-carousel.scss * sliders.scss * 404.scss * archive.scss * shop.scss * blog.scss * page.scss * footer-top-callout.scss * shortcodes * animated-layer-advanced.scss * animated-layer-images.scss * blockquote.scss * blog.scss * button.scss * call-to-action.scss * common.scss * custom-columns-holder.scss * dropcaps.scss * easy-pie-chart.scss * element-holder.scss * final-countdown.scss * flickr-feed.scss * flipbox.scss * funfacts.scss * icon-box.scss * info-banner.scss * info-banner-advanced.scss * instagram-feed.scss * line-with-text.scss * nav-tabs-holder.scss * nav-tabs-pricing.scss * newsletter.scss * opening-hours.scss * paroller.scss * pie-chart.scss * pricing-tables.scss * progress-bar.scss * screenshot-gallery.scss * section-title.scss * separators.scss * stretched-bg.scss * styled-icons.scss * tabs.scss * unordered-list.scss * video-popup.scss * working-steps.scss * features-box.scss * social-links.scss * location-marker.scss * widgets * widgets-common.scss * brochure-box.scss * blog-list.scss * calender.scss * contact-info.scss * empty-space.scss * facebook.scss * featured-page.scss * flickr-feed.scss * gallery-images.scss * google-map.scss * google-plus.scss * horizontal-row.scss * icon-box.scss * instagram-feed.scss * portfolio.scss * search.scss * sidebar-nav-menu.scss * social-list.scss * testimonials.scss * twitter-feed.scss * mailchimp-subscribe-form.scss * footer * footer.scss * footer-nav.scss * footer-widgets.scss * form.scss * Utility Classes * =============================================== */ /* * reset.scss * ----------------------------------------------- */ html, body { margin: 0; padding: 0; width: 100%; line-height: 150%; } body { height: 100%; } html { font-size: 100%; /*62.5%;*/ /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* * typography.scss * ----------------------------------------------- */ ::selection { background: #333; color: #fff; text-shadow: none; } ::-moz-selection { background: #333; /* Firefox */ color: #fff; text-shadow: none; } ::-webkit-selection { background: #333; /* Safari */ color: #fff; text-shadow: none; } :active, :focus { outline: none !important; } body { line-height: 1.8; color: #000; font-size: 1rem; font-family: "Montserrat", ; font-weight: 300; background-color: #fff; background-attachment: fixed; -ms-word-wrap: break-word; word-wrap: break-word; } a { color: #0073aa; text-decoration: none; font-weight: 600; transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { a { transition: none; } } a:hover, a:focus { color: #003f5e; text-decoration: none; } a img { border: none; } img { max-width: 100%; } iframe { border: none !important; } /* -------- Headings ---------- */ h1, .h1 { font-size: 3.4rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.5rem; } h4, .h4 { font-size: 1.125rem; } h5, .h5 { font-size: 1rem; } h6, .h6 { font-size: 0.9rem; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600; line-height: 1.3; color: #333; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #333; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: inherit; font-weight: inherit; } .h1, .h2, .h3, h1, h2, h3 { font-family: "Open Sans", sans-serif; margin-bottom: 1rem; margin-top: 0.75rem; } h4, h5, h6, .h4, .h5, .h6 { font-family: "Open Sans", sans-serif; font-weight: 500; line-height: 1.4; margin-bottom: 0.5rem; margin-top: 0.75rem; } /* -------- Body Text ---------- */ p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset { margin-bottom: 10px; } table p { margin-bottom: 0; } p { margin-bottom: 30px; } p a:hover, p a:focus { text-decoration: underline; } .font-current-theme1 { font-family: "Open Sans", sans-serif !important; } .font-current-theme2 { font-family: "Playfair Display", serif !important; } .wp-block-quote { margin: 20px 0; } .post-content ul > li, .post-content ol > li, .post-excerpt ul > li, .post-excerpt ol > li, .wpb_text_column ul > li, .wpb_text_column ol > li { margin-bottom: 12px; } .post-content ul > li > ul, .post-content ul > li > ol, .post-content ol > li > ul, .post-content ol > li > ol, .post-excerpt ul > li > ul, .post-excerpt ul > li > ol, .post-excerpt ol > li > ul, .post-excerpt ol > li > ol, .wpb_text_column ul > li > ul, .wpb_text_column ul > li > ol, .wpb_text_column ol > li > ul, .wpb_text_column ol > li > ol { margin-top: 12px; } /*Drop Caps*/ .drop-caps > p { text-align: justify; } .drop-caps > p:first-child:first-letter { color: #333; display: block; float: left; font-size: 48px; line-height: 48px; margin: 6px 3px; padding: 10px 18px; } .drop-caps.text-colored > p:first-child:first-letter { display: block; float: left; font-size: 48px; line-height: 48px; margin: 6px 3px; padding: 10px 18px; } .drop-caps.border > p:first-child:first-letter { border: 1px solid; margin: 8px 16px 0 0; padding: 15px 20px; } .drop-caps.border-rounded > p:first-child:first-letter { border: 1px solid; border-radius: 50%; margin: 8px 16px 0 0; padding: 15px 20px; } .drop-caps.colored-square > p:first-child:first-letter { color: #fff; margin: 8px 16px 0 0; padding: 15px 20px; } .drop-caps.colored-rounded > p:first-child:first-letter { color: #fff; margin: 8px 16px 0 0; padding: 15px 20px; border-radius: 50%; } .drop-caps.dark-square > p:first-child:first-letter { background: #222; color: #fff; margin: 8px 16px 0 0; padding: 15px 20px; } .drop-caps.dark-rounded > p:first-child:first-letter { background: #222; color: #fff; margin: 8px 16px 0 0; padding: 15px 20px; border-radius: 50%; } /*Text Highlight*/ .text-highlight { background: none repeat scroll 0 0 #111; border-radius: 4px; color: #fff; padding: 0 5px 3px; } .text-highlight.light { background: #808080; } address { color: #777; font-style: italic; } ol, ul { list-style-position: inside; margin: 0; padding: 0; } ol ol li, ol ul li, ul ol li, ul ul li { padding-left: 20px; } /* * common.scss * ----------------------------------------------- */ /* -------- Basic Structure ---------- */ html { font-size: 100%; max-width: 100%; } @media (max-width: 991.98px) { html { font-size: 98%; } } @media (max-width: 767.98px) { html { font-size: 96%; } } @media (max-width: 575.98px) { html { font-size: 94%; } } html, html a { -webkit-font-smoothing: antialiased; } body { max-width: 100%; overflow-x: hidden; position: relative; } img { height: auto; max-width: 100%; } iframe, embed, object { margin-bottom: 1.5em; max-width: 100%; } iframe { display: block; margin: 0; max-width: 100%; } .inline-block, .display-inline-block { display: inline-block; } .display-inline { display: inline; } .display-block { display: block; } .fullwidth { width: 100%; } .bg-hover-theme-colored { transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .bg-hover-theme-colored { transition: none; } } .media-object { max-width: none; } /* Text-decoration */ .text-underline { text-decoration: underline; } form label { color: #555; font-weight: 300; } .hr-divider { margin: 20px 0; } pre { background-color: #f9f9f9; border: 1px solid #eee; border-radius: 10px; padding: 10px 10px 20px; } .description-list dt { color: #333; } /* -------- Parallax ---------- */ .divider, .parallax { background-repeat: repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; overflow: hidden; width: 100%; } .parallax { background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; } /* -------- Line-Bottom ---------- */ .heading-line-bottom { border-bottom: 1px dashed #808080; display: inline-block; margin: 0; position: relative; margin: 20px 0; } .heading-line-bottom::after { content: ""; height: 2px; left: 0; position: absolute; top: 4px; width: 20px; } .heading-title { margin-top: 10px; } .double-line-bottom { margin-bottom: 20px; margin-top: 8px; padding-bottom: 5px; position: relative; } .double-line-bottom::after { border-radius: 8px; bottom: 1px; content: ""; height: 2px; left: 0; position: absolute; width: 64px; } .double-line-bottom::before { border-radius: 8px; bottom: -1px; content: ""; height: 6px; left: 10px; position: absolute; width: 24px; } .line-bottom { position: relative; margin-bottom: 35px; padding-bottom: 10px; } .line-bottom:after { bottom: -10px; content: ""; height: 4px; left: 0; position: absolute; width: 65px; background: #555; } .section-typo-light .line-bottom:after { background: #fff; } .line-bottom-footer-widget { position: relative; padding-bottom: 10px; } .line-bottom-footer-widget:after { bottom: -5px; content: ""; height: 3px; left: 0; position: absolute; width: 54px; background: #555; } .line-bottom-centered { position: relative; margin: 10px 0 20px; } .line-bottom-centered:after { background: #2b96cc none repeat scroll 0 0; bottom: -8px; content: ""; height: 1px; left: 0; margin-left: auto; margin-right: auto; margin-top: 0; position: absolute; right: 0; width: 30px; } .title-icon [class^="flaticon-"]::after, .title-icon [class^="flaticon-"]::before { font-size: 48px; margin-left: 10px; } .title-icon { margin: 0 auto; max-width: 160px; position: relative; } .title-icon::after { content: ""; height: 2px; left: 24px; position: absolute; top: 10px; width: 30px; } .title-icon::before { content: ""; height: 2px; position: absolute; right: 20px; top: 10px; width: 30px; } /* -------- Background Video ---------- */ .bg-video { height: 100%; position: absolute; text-align: center; width: 100%; z-index: -1; } .bg-video .video { height: 100%; left: 0; margin: 0 !important; position: relative; top: 0; width: 100%; } .bg-video .video .mbYTP_wrapper { z-index: -1 !important; } /* -------- Box Table ---------- */ .display-table-parent { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .display-table { display: table; height: 100%; position: relative; width: 100%; } .display-table-cell { display: table-cell; height: 100%; vertical-align: middle; } /* -------- Scroll To Top ---------- */ .scrollToTop { background-size: 200% auto; box-shadow: 0 7px 30px rgba(0, 0, 0, 0.3); bottom: 15px; display: none; border-radius: 50%; height: 50px; padding: 2px; position: fixed; right: 15px; text-align: center; text-decoration: none; width: 50px; z-index: 99999; opacity: 0.4; } .scrollToTop i { color: #fff; font-size: 42px; } .scrollToTop:hover { text-decoration: none; opacity: 1; } /* -------- magnific popup ---------- */ .mfp-close-btn-in .mfp-close { color: #eee; font-size: 64px; } /* section light & dark text typography */ .section-typo-light, .section-typo-light h1, .section-typo-light h2, .section-typo-light h3, .section-typo-light h4, .section-typo-light h5, .section-typo-light h6, .section-typo-light p, .section-typo-light label, .section-typo-light a:not(.icon):not(.btn):not(.social-link):not(.styled-icons-item):not(.wp-block-button__link):not(.wp-block-button__link), .section-typo-light a:not(.icon):not(.btn):not(.social-link):not(.styled-icons-item):not(.wp-block-button__link):not(.wp-block-button__link):hover { color: #fff !important; } .section-typo-dark, .section-typo-dark h1, .section-typo-dark h2, .section-typo-dark h3, .section-typo-dark h4, .section-typo-dark h5, .section-typo-dark h6, .section-typo-dark p, .section-typo-dark label, .section-typo-dark a:not(.icon):not(.btn):not(.social-link):not(.styled-icons-item):not(.wp-block-button__link):not(.wp-block-button__link), .section-typo-dark a:not(.icon):not(.btn):not(.social-link):not(.styled-icons-item):not(.wp-block-button__link):not(.wp-block-button__link):hover { color: #333 !important; } /* table */ .main-content-area table, .comment-body .comment-text table { width: 100%; margin: 0 0 40px; } .main-content-area table td, .main-content-area table th, .comment-body .comment-text table td, .comment-body .comment-text table th { padding: 10px 20px; border: 1px solid #e6e6e6; } .double-line, .line { clear: both; position: relative; width: 100%; margin: 4rem 0; border-top: 1px solid #eee; } .double-line { border-top: 3px double #e5e5e5; } .section-bg-diagonal-1 { background-image: linear-gradient(145deg, transparent 50%, #f6f8fd 50%); } .section-bg-diagonal-2 { background-image: linear-gradient(325deg, transparent 50%, #f6f8fd 50%); } .section-bg-diagonal-3 { background-image: linear-gradient(165deg, transparent 50%, #f6f8fd 50%); } .section-bg-diagonal-4 { background-image: linear-gradient(345deg, transparent 50%, #f6f8fd 50%); } @media (max-width: 1199.98px) { .hidden-mobile-mode { display: none !important; } } .lead, .lead p { line-height: 1.5; font-size: 1.4rem; font-weight: 500; } /* animate.css */ .anim-delay-1ms { animation-delay: 0.1s; } .anim-delay-3ms { animation-delay: 0.3s; } .anim-delay-5ms { animation-delay: 0.5s; } .anim-delay-7ms { animation-delay: 0.7s; } .anim-delay-9ms { animation-delay: 0.9s; } .anim-delay-1s { animation-delay: 1s; } .box-shadow { box-shadow: 0 14px 18px 0 rgba(0, 0, 0, 0.1) !important; } .hover-box-shadow:hover { box-shadow: 0 14px 18px 0 rgba(0, 0, 0, 0.1) !important; } .slick-slide img { display: block; cursor: pointer; } .slick-slide.slick-current .thumb .img-thumbnail { background-color: #fd7807; } .tm-btn-loadmore-preloader .preloader-dot-loading { display: block; margin: 0px auto; width: 97px; } .tm-btn-loadmore-preloader .preloader-dot-loading .cssload-loading i { width: 15px; height: 15px; display: inline-block; border-radius: 50%; background: #2a2b26; } .tm-btn-loadmore-preloader .preloader-dot-loading .cssload-loading i:first-child { opacity: 0; animation: cssload-loading-ani2 0.58s linear infinite; -o-animation: cssload-loading-ani2 0.58s linear infinite; -ms-animation: cssload-loading-ani2 0.58s linear infinite; -webkit-animation: cssload-loading-ani2 0.58s linear infinite; -moz-animation: cssload-loading-ani2 0.58s linear infinite; transform: translate(-15px); -o-transform: translate(-15px); -ms-transform: translate(-15px); -webkit-transform: translate(-15px); -moz-transform: translate(-15px); } .tm-btn-loadmore-preloader .preloader-dot-loading .cssload-loading i:nth-child(2), .tm-btn-loadmore-preloader .preloader-dot-loading .cssload-loading i:nth-child(3) { animation: cssload-loading-ani3 0.58s linear infinite; -o-animation: cssload-loading-ani3 0.58s linear infinite; -ms-animation: cssload-loading-ani3 0.58s linear infinite; -webkit-animation: cssload-loading-ani3 0.58s linear infinite; -moz-animation: cssload-loading-ani3 0.58s linear infinite; } .tm-btn-loadmore-preloader .preloader-dot-loading .cssload-loading i:last-child { animation: cssload-loading-ani1 0.58s linear infinite; -o-animation: cssload-loading-ani1 0.58s linear infinite; -ms-animation: cssload-loading-ani1 0.58s linear infinite; -webkit-animation: cssload-loading-ani1 0.58s linear infinite; -moz-animation: cssload-loading-ani1 0.58s linear infinite; } @keyframes cssload-loading-ani1 { 100% { transform: translate(39px); opacity: 0; } } @-o-keyframes cssload-loading-ani1 { 100% { -o-transform: translate(39px); opacity: 0; } } @-ms-keyframes cssload-loading-ani1 { .tm-btn-loadmore-preloader 100% { -ms-transform: translate(39px); opacity: 0; } } @-webkit-keyframes cssload-loading-ani1 { 100% { -webkit-transform: translate(39px); opacity: 0; } } @-moz-keyframes cssload-loading-ani1 { 100% { -moz-transform: translate(39px); opacity: 0; } } @keyframes cssload-loading-ani2 { 100% { transform: translate(15px); opacity: 1; } } @-o-keyframes cssload-loading-ani2 { 100% { -o-transform: translate(15px); opacity: 1; } } @-ms-keyframes cssload-loading-ani2 { .tm-btn-loadmore-preloader 100% { -ms-transform: translate(15px); opacity: 1; } } @-webkit-keyframes cssload-loading-ani2 { 100% { -webkit-transform: translate(15px); opacity: 1; } } @-moz-keyframes cssload-loading-ani2 { 100% { -moz-transform: translate(15px); opacity: 1; } } @keyframes cssload-loading-ani3 { 100% { transform: translate(15px); } } @-o-keyframes cssload-loading-ani3 { 100% { -o-transform: translate(15px); } } @-ms-keyframes cssload-loading-ani3 { .tm-btn-loadmore-preloader 100% { -ms-transform: translate(15px); } } @-webkit-keyframes cssload-loading-ani3 { 100% { -webkit-transform: translate(15px); } } @-moz-keyframes cssload-loading-ani3 { 100% { -moz-transform: translate(15px); } } .top-sliders-container { position: relative; z-index: 0; } body.has-fixed-footer .top-sliders-container { z-index: 2; } .alert { padding: 1.25rem 1.25rem; } .alert-dismissible .close { padding: 1.50rem; } .bg-contain { background-size: contain; } .nice-select { font-size: 1rem; box-shadow: 0px 10px 20px rgba(5, 5, 5, 0.05); } .nice-select:after, .nice-select:before { height: 8px; width: 8px; } .box-hover-effect { display: block; vertical-align: middle; } .box-hover-effect .effect-wrapper { position: relative; overflow: hidden; margin: 0; width: 100%; /* Icons Holder */ /* Icons Holder middle */ /* Icons Holder top left */ /* Icons Holder top right */ /* Icons Holder bottom left */ /* Icons Holder bottom right */ } .box-hover-effect .effect-wrapper .thumb { position: relative; overflow: hidden; backface-visibility: hidden; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: all 0.4s ease; } @media (prefers-reduced-motion: reduce) { .box-hover-effect .effect-wrapper .thumb { transition: none; } } .box-hover-effect .effect-wrapper .thumb.gradient-effect:after { position: absolute; left: 0; bottom: 0; height: 50%; width: 100%; background: #181818; background: -moz-linear-gradient(top, #000000, rgba(0, 0, 0, 0.55), transparent); background: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0.55), transparent); background: linear-gradient(to top, #000000, rgba(0, 0, 0, 0.55), transparent); content: ""; z-index: 1; } .box-hover-effect .effect-wrapper .hover-link { bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; background: none !important; color: transparent !important; z-index: 11; } .box-hover-effect .effect-wrapper .overlay-shade { bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 10; background-color: #000; opacity: 0; filter: alpha(opacity=0); transition: all 0.5s ease; } @media (prefers-reduced-motion: reduce) { .box-hover-effect .effect-wrapper .overlay-shade { transition: none; } } .box-hover-effect .effect-wrapper .overlay-shade.shade-white { background-color: #fff; } .box-hover-effect .effect-wrapper .icons-holder { display: inline-block; opacity: 0; position: absolute; z-index: 13; transition: all 0.4s ease; } @media (prefers-reduced-motion: reduce) { .box-hover-effect .effect-wrapper .icons-holder { transition: none; } } .box-hover-effect .effect-wrapper .icons-holder .icons-holder-inner { position: relative; margin: 0; } .box-hover-effect .effect-wrapper .icons-holder .icons-holder-inner a { transition: all 0.4s ease; } @media (prefers-reduced-motion: reduce) { .box-hover-effect .effect-wrapper .icons-holder .icons-holder-inner a { transition: none; } } .box-hover-effect .effect-wrapper .icons-holder-middle { left: 0; margin: 0 auto; right: 0; text-align: center; top: 40%; vertical-align: middle; width: 80%; } .box-hover-effect .effect-wrapper .icons-holder-middle .icons-holder-inner { display: inline-block; vertical-align: middle; } .box-hover-effect .effect-wrapper .icons-holder-middle .icons-holder-inner a { transition: all 0.4s ease; } @media (prefers-reduced-motion: reduce) { .box-hover-effect .effect-wrapper .icons-holder-middle .icons-holder-inner a { transition: none; } } .box-hover-effect .effect-wrapper .icons-holder-top-left { top: -20%; left: 0; padding: 15px; } .box-hover-effect .effect-wrapper .icons-holder-top-left .icons-holder-inner { display: block; } .box-hover-effect .effect-wrapper .icons-holder-top-right { top: -20%; right: 0; padding: 15px; } .box-hover-effect .effect-wrapper .icons-holder-top-right .icons-holder-inner { display: block; } .box-hover-effect .effect-wrapper .icons-holder-bottom-left { bottom: -20%; left: 0; padding: 5px 15px; } .box-hover-effect .effect-wrapper .icons-holder-bottom-left .icons-holder-inner { display: block; } .box-hover-effect .effect-wrapper .icons-holder-bottom-right { bottom: -20%; right: 0; padding: 5px 15px; } .box-hover-effect .effect-wrapper .icons-holder-bottom-right .icons-holder-inner { display: block; } .box-hover-effect:hover .effect-wrapper .thumb { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .box-hover-effect:hover .effect-wrapper .overlay-shade { opacity: 0.7; filter: alpha(opacity=90); } .box-hover-effect:hover .effect-wrapper .icons-holder { opacity: 1; } .box-hover-effect:hover .effect-wrapper .icons-holder-middle { top: 45%; } .box-hover-effect:hover .effect-wrapper .icons-holder-top-left { left: 0; } .box-hover-effect:hover .effect-wrapper .icons-holder-top-right { right: 0; } .box-hover-effect:hover .effect-wrapper .icons-holder-bottom-left { bottom: 2%; } .box-hover-effect:hover .effect-wrapper .icons-holder-bottom-right { bottom: 2%; } .modal-promo-box { max-width: 700px; padding: 90px 60px; margin: 0 auto; } /* * container.scss * ----------------------------------------------- */ .container .container { width: 100%; } .container .container, .container .container-fluid, .container-fluid .container, .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } @media (min-width: 1200px) { .container { max-width: 1170px; } } @media (min-width: 992px) { body.tm-container-970px .container { width: 970px; } body.tm-container-100pr .container { width: 100%; } body.tm-container-100pr .container, body.tm-container-100pr .container-fluid { padding-left: 40px; padding-right: 40px; } body.tm-container-100pr .container .container, body.tm-container-100pr .container .container-fluid, body.tm-container-100pr .container-fluid .container, body.tm-container-100pr .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } } section { position: relative; } section > .container, section > .container-fluid { padding-top: 100px; padding-bottom: 100px; } .vc-row-tm-section-padding { padding-top: 100px; padding-bottom: 100px; } .tm-sidebar .vc-row-tm-section-padding { padding-top: 0; padding-bottom: 0; } body.tm_wpb_vc_js_status_false .main-content-area, body.tm_wpb_vc_js_status_false .sidebar-area { padding-top: 100px; padding-bottom: 100px; } @media (max-width: 991.98px) { body.tm_wpb_vc_js_status_false .main-content-area, body.tm_wpb_vc_js_status_false .sidebar-area { padding-top: 50px; padding-bottom: 50px; } } body.blog .main-content-area, body.blog .sidebar-area, body.archive .main-content-area, body.archive .sidebar-area { padding-bottom: 80px !important; } body.tm_wpb_vc_js_status_true.single-post .main-content-area, body.tm_wpb_vc_js_status_true.single-post .sidebar-area, body.tm_wpb_vc_js_status_true.blog .main-content-area, body.tm_wpb_vc_js_status_true.blog .sidebar-area { padding-top: 100px; padding-bottom: 100px; } @media (max-width: 991.98px) { body.tm_wpb_vc_js_status_true.single-post .main-content-area, body.tm_wpb_vc_js_status_true.single-post .sidebar-area, body.tm_wpb_vc_js_status_true.blog .main-content-area, body.tm_wpb_vc_js_status_true.blog .sidebar-area { padding-top: 50px; padding-bottom: 50px; } } body.tm_wpb_vc_js_status_true .sidebar-area { padding-top: 100px; padding-bottom: 100px; } @media (max-width: 991.98px) { body.tm_wpb_vc_js_status_true .sidebar-area { padding-top: 50px; padding-bottom: 50px; } } /* * overlays.scss * ----------------------------------------------- */ .layer-overlay { position: relative; /* overlay-dark */ /* overlay-white */ } .layer-overlay::before { background: rgba(17, 17, 17, 0.5) none repeat scroll 0 0; content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .layer-overlay.overlay-z-index-0::before { z-index: 0; } .layer-overlay.overlay-z-index-1::before { z-index: 1; } .layer-overlay.overlay-light::before { background-color: rgba(255, 255, 255, 0.4); } .layer-overlay.overlay-lighter::before { background-color: rgba(255, 255, 255, 0.3); } .layer-overlay.overlay-deep::before { background-color: rgba(255, 255, 255, 0.9); } .layer-overlay.overlay-dark::before { background-color: rgba(17, 17, 17, 0.85); } .layer-overlay.overlay-dark-1::before { background-color: rgba(17, 17, 17, 0.1); } .layer-overlay.overlay-dark-2::before { background-color: rgba(17, 17, 17, 0.2); } .layer-overlay.overlay-dark-3::before { background-color: rgba(17, 17, 17, 0.3); } .layer-overlay.overlay-dark-4::before { background-color: rgba(17, 17, 17, 0.4); } .layer-overlay.overlay-dark-5::before { background-color: rgba(17, 17, 17, 0.5); } .layer-overlay.overlay-dark-6::before { background-color: rgba(17, 17, 17, 0.6); } .layer-overlay.overlay-dark-7::before { background-color: rgba(17, 17, 17, 0.7); } .layer-overlay.overlay-dark-8::before { background-color: rgba(17, 17, 17, 0.8); } .layer-overlay.overlay-dark-9::before { background-color: rgba(17, 17, 17, 0.9); } .layer-overlay.overlay-white::before { background-color: rgba(255, 255, 255, 0.4); } .layer-overlay.overlay-white-1::before { background-color: rgba(255, 255, 255, 0.1); } .layer-overlay.overlay-white-2::before { background-color: rgba(255, 255, 255, 0.2); } .layer-overlay.overlay-white-3::before { background-color: rgba(255, 255, 255, 0.3); } .layer-overlay.overlay-white-4::before { background-color: rgba(255, 255, 255, 0.4); } .layer-overlay.overlay-white-5::before { background-color: rgba(255, 255, 255, 0.5); } .layer-overlay.overlay-white-6::before { background-color: rgba(255, 255, 255, 0.6); } .layer-overlay.overlay-white-7::before { background-color: rgba(255, 255, 255, 0.7); } .layer-overlay.overlay-white-8::before { background-color: rgba(255, 255, 255, 0.8); } .layer-overlay.overlay-white-9::before { background-color: rgba(255, 255, 255, 0.9); } .layer-overlay.layer-pattern::before { background-image: url(../images/pattern1.png); background-color: rgba(0, 0, 0, 0.6); } .layer-overlay.layer-pattern2::before { background-image: url(../images/pattern2.png); background-color: rgba(0, 0, 0, 0.8); } .layer-overlay.layer-pattern3::before { background-image: url(../images/pattern3.png); background-color: rgba(0, 0, 0, 0.8); } .layer-overlay.maximage-layer-overlay::before { z-index: 1; } .layer-overlay.overlay-blue::before { background-color: rgba(1, 162, 208, 0.9); } .layer-overlay.overlay-blue-light::before { background-color: rgba(1, 162, 208, 0.45); } .layer-overlay.overlay-pink::before { background-color: rgba(235, 110, 142, 0.9); } .layer-overlay.overlay-pink-light::before { background-color: rgba(235, 110, 142, 0.45); } .layer-overlay.overlay-brown::before { background-color: rgba(60, 171, 111, 0.9); } .layer-overlay.overlay-brown-light::before { background-color: rgba(60, 171, 111, 0.45); } .layer-overlay.overlay-yellow::before { background-color: rgba(255, 187, 34, 0.9); } .layer-overlay.overlay-yellow-light::before { background-color: rgba(255, 187, 34, 0.45); } .layer-overlay.overlay-green::before { background-color: rgba(16, 196, 92, 0.9); } .layer-overlay.overlay-green-light::before { background-color: rgba(16, 196, 92, 0.45); } .layer-overlay.overlay-theme-color-1::before { background-color: rgba(173, 216, 230, 0.9); } .layer-overlay.overlay-theme-color-2::before { background-color: rgba(230, 173, 188, 0.9); } .layer-overlay.overlay-theme-color-3::before { background-color: rgba(230, 216, 173, 0.9); } .half-divider .overlay-theme-color-1, .half-divider .overlay-theme-color-2, .half-divider .overlay-theme-color-3 { content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 50%; } .layer-overlay { z-index: 0; } .layer-overlay:before { z-index: -1; } /* * header.scss * ----------------------------------------------- */ /* * header-top.scss * ----------------------------------------------- */ header#header .header-top { color: #fff; padding: 0; font-size: 16px; line-height: 1.7; } @media (max-width: 1199.98px) { header#header .header-top { padding-bottom: 30px; padding-top: 15px; line-height: 2.2; } } header#header .header-top > .container > .row > div { max-width: 100%; } header#header .header-top .element { display: inline-block; margin-right: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; line-height: 1.8; font-weight: 300; position: relative; z-index: 1; } @media (max-width: 575.98px) { header#header .header-top .element { margin-right: 0; padding-right: 0; } } header#header .header-top .element a { font-weight: 300; } header#header .header-top .element:last-child { margin-right: 0; padding-right: 0; } header#header .header-top .element .search-form .search-field { height: 30px; padding: 5px 10px 5px 20px; } header#header .header-top .element .search-form .search-submit { padding: 3px 20px; } header#header .header-top .element .btn { vertical-align: middle; font-size: 16px; } header#header .header-top .element:not(.styled-icons) a:not(.btn):not(.styled-icons-item):not(.wp-block-button__link):not(.wp-block-button__link):not(.dropdown-item) { color: #fff; } header#header .header-top .element:not(.styled-icons) a:not(.btn):not(.styled-icons-item):not(.wp-block-button__link):not(.wp-block-button__link):not(.dropdown-item):hover { color: #e6e6e6; } header#header .header-top .element.styled-icons li a { line-height: 1; } header#header .header-top .styled-icons-label { margin-right: 7px; } header#header .header-top .styled-icons li { margin-bottom: 0; } header#header .header-top .styled-icons.icon-xs li a i { top: -1px; } header#header .header-top .contact-info li { display: inline-block; position: relative; margin-right: 15px; } @media (min-width: 992px) { header#header .header-top .contact-info li { margin-right: 25px; } } @media (max-width: 767.98px) { header#header .header-top .contact-info li { display: block; margin-right: 0; margin-top: 5px; margin-bottom: 5px; } } header#header .header-top .contact-info li .font-icon { margin-right: 5px; } @media (min-width: 992px) { header#header .header-top .contact-info li:not(:first-child):before { background: rgba(255, 255, 255, 0.7); content: ""; position: absolute; top: 0; bottom: 1px; left: -16px; margin: auto; height: 15px; width: 1px; } } header#header .header-top .tm-wpml-language-switcher { cursor: pointer; } header#header .header-top .tm-wpml-language-switcher .dropdown-toggle { background-color: transparent; } header#header .header-top .tm-wpml-language-switcher .dropdown-list { border-radius: 0; padding: 0; border: 1px solid rgba(134, 134, 134, 0.15); box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.18); } header#header .header-top .tm-wpml-language-switcher .dropdown-list li a { color: #333 !important; background-color: #fff; padding: 7px 15px; } header#header .header-top .tm-wpml-language-switcher .dropdown-list li a:hover { color: #252525; background-color: #eee; } header#header .header-top .tm-wpml-language-switcher .dropdown-list li a img { margin-right: 5px; } header#header .header-top .header-top-nav.list-inline li { display: inline-block; } header#header .header-top .header-top-nav .menu-item { padding: 0; } header#header .header-top .header-top-nav .menu-item a { color: #fff; position: relative; } header#header .header-top .header-top-nav .menu-item:not(:first-child) a { margin-left: 25px; } header#header .header-top .header-top-nav .menu-item:not(:first-child) a:before { background: rgba(255, 255, 255, 0.7); content: ""; position: absolute; top: 0; bottom: 1px; left: -16px; margin: auto; height: 15px; width: 1px; } header#header .header-top .header-top-nav .menu-item:not(:first-child) a i { margin-right: 5px; } @media (min-width: 1200px) { header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style1 { position: relative; overflow: hidden; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style1:before { content: ''; position: absolute; top: 0; width: 51%; height: 100%; left: 0; background: #121212; } } @media (min-width: 1200px) { header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style2 { position: relative; overflow: hidden; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style2:after { border-right: 120px solid transparent; border-top: 200px solid #f1f1f1; content: ""; position: absolute; top: 0; width: 52%; height: 100%; left: 0; } } @media (min-width: 1200px) { header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style3 { position: relative; overflow: hidden; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style3:after { border-bottom: 120px solid #f1f1f1; border-left: 144px solid transparent; content: ""; position: absolute; top: 0; width: 51%; height: 100%; left: 0; } } @media (min-width: 1200px) { header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style4 { position: relative; overflow: hidden; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style4:after { border-bottom: 120px solid #f1f1f1; border-right: 144px solid transparent; content: ""; position: absolute; top: 0; width: 60%; height: 100%; left: 0; } } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style5 { overflow: hidden; } @media (min-width: 1200px) { header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style5 .header-top-left { position: relative; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style5 .header-top-left:before { background-color: #f1f1f1; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 2200px; z-index: 0; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style5 .header-top-left:after { border-left: 120px solid #f1f1f1; border-top: 144px solid transparent; content: ""; height: 100%; position: absolute; right: -120px; top: 0; width: 0; z-index: 0; } } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style6 { overflow: hidden; } @media (min-width: 1200px) { header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style6 { position: relative; overflow: hidden; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style6:after { border-bottom: 120px solid #ddd; border-left: 144px solid transparent; content: ""; position: absolute; top: 0; width: 51%; height: 100%; left: 1; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style6 .header-top-left { position: relative; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style6 .header-top-left:before { background-color: #f1f1f1; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 2200px; z-index: 0; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style6 .header-top-left:after { border-right: 120px solid transparent; border-top: 144px solid #ddd; content: ""; height: 100%; position: absolute; right: -50px; top: 0; width: 0; z-index: 0; } } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style7 { overflow: hidden; } @media (min-width: 1200px) { header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style7 .header-top-right { position: relative; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style7 .header-top-right:before { background-color: #f1f1f1; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 2200px; z-index: 0; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style7 .header-top-right:after { border-right: 120px solid transparent; border-top: 144px solid #f1f1f1; content: ""; height: 100%; position: absolute; right: -50px; top: 0; width: 0; z-index: 0; } } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style8 { overflow: hidden; } @media (min-width: 1200px) { header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style8 .header-top-right { position: relative; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style8 .header-top-right:before { background-color: #f1f1f1; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 2200px; z-index: 0; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style8 .header-top-right:after { border-left: 120px solid #f1f1f1; border-top: 144px solid transparent; content: ""; height: 100%; position: absolute; right: -120px; top: 0; width: 0; z-index: 0; } } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style9 { overflow: hidden; } @media (min-width: 1200px) { header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style9 .header-top-right { position: relative; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style9 .header-top-right:before { background-color: #f1f1f1; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 2200px; z-index: 0; } } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style10 { overflow: hidden; } @media (min-width: 1200px) { header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style10 .header-top-left { position: relative; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style10 .header-top-left:before { background-color: #ddd; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 2200px; z-index: 1; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style10 .header-top-left:after { border-right: 60px solid transparent; border-top: 72px solid #ddd; content: ""; height: 100%; position: absolute; right: -50px; top: 0; width: 0; z-index: 1; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style10 .header-top-right { position: relative; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style10 .header-top-right:before { background-color: #f1f1f1; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 2200px; z-index: 0; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style10 .header-top-right:after { border-left: 120px solid #f1f1f1; border-top: 110px solid transparent; content: ""; height: 100%; position: absolute; right: -120px; top: 0; width: 0; z-index: 0; } } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style11 { overflow: hidden; } @media (min-width: 1200px) { header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style11 { position: relative; overflow: hidden; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style11:after { border-bottom: 120px solid #ccc; border-right: 144px solid transparent; content: ""; position: absolute; top: 0; width: 60%; height: 100%; left: 0; z-index: 0; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style11 .header-top-right { position: relative; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style11 .header-top-right:before { background-color: #f1f1f1; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 2200px; z-index: 0; } header#header:not(.header-layout-type-header-2rows-floating-header):not(.header-layout-type-header-2rows-floating-header-style2):not(.header-layout-type-header-2rows-floating-header-style3) .header-top.header-top-curve-style11 .header-top-right:after { border-left: 120px solid #f1f1f1; border-top: 110px solid transparent; content: ""; height: 100%; position: absolute; right: -120px; top: 0; width: 0; z-index: 0; } } /* * header-mid.scss * ----------------------------------------------- */ header#header .contact-info-box { display: block; } header#header .contact-info-box .left-thumb { float: left; margin-right: 20px; } header#header .contact-info-box .media-body { float: left; } @media (max-width: 767.98px) { header#header .contact-info-box { display: block; } header#header .contact-info-box .left-thumb { float: none; margin-right: 0; } header#header .contact-info-box .media-body { float: none; } } header#header .contact-info-box .font-icon { font-size: 36px; margin-top: 5px; } header#header .contact-info-box .title { margin-top: 0; margin-bottom: .25rem; } @media (max-width: 767.98px) { header#header .contact-info-box .title { margin-top: 5px; margin-bottom: 5px; } } header#header .contact-info-box.big-icon .subtitle a { color: #777; font-weight: normal; } header#header .contact-info-box.small-icon .font-icon { font-size: 16px; padding-left: 1px; padding-right: 5px; margin-top: 0; } header#header .contact-info-box.small-icon .title { font-size: 15px; } header#header .contact-info-box.small-icon .subtitle { font-size: 13px; } header#header .header-middle { padding: 20px 0; } @media (max-width: 1199.98px) { header#header .header-middle .header-mid-column3-container .element { margin-bottom: 20px; } } @media (max-width: 991.98px) { header#header .header-middle .header-mid-column3-container .element { margin-bottom: 30px; } } header#header .header-nav .header-nav-container { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } header#header .nav-side-icon-list { display: inline-block; } @media (max-width: 1199.98px) { header#header .nav-side-icon-list { float: left; } } header#header .nav-side-icon-list > li { display: inline-block; padding: 20px 12px; } @media (max-width: 1199.98px) { header#header .nav-side-icon-list > li { padding: 13px 12px; } } header#header .nav-side-icon-list > li .custom-button { margin-top: -5px; } /* * header-menuzord.scss * ----------------------------------------------- */ /* 1 - MENU CONTAINER ======================================*/ .menuzord, .menuzord * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .menuzord { width: 100%; padding: 0 30px; float: left; position: relative; } /* == Customized by ismail start == */ .menuzord-container { background: #fff; } /* == Customized by ismail end == */ .menuzord a { -o-transition: color .3s linear, background .3s linear; -moz-transition: color .3s linear, background .3s linear; -webkit-transition: color .3s linear, background .3s linear; transition: color .3s linear, background .3s linear; } /* scrollable menu */ .menuzord-menu.scrollable > .scrollable-fix { display: none; } /* 2 - BRAND ======================================*/ .menuzord-brand { margin: 20px 30px 20px 0; float: left; color: #666; text-decoration: none; font-size: 24px; font-weight: 600; line-height: 1.3; cursor: pointer; } /* 3 - MENU ======================================*/ .menuzord-menu { margin: 0; padding: 0; float: left; list-style: none; } /* Right alignment */ .menuzord-menu.menuzord-right { float: right; } /* Menu items */ .menuzord-menu > li { display: inline-block; float: left; } @media (min-width: 1200px) { .menuzord-menu > li { padding: 20px 0; } } .menuzord-menu > li > a { padding: 7px 16px; display: inline-block; text-decoration: none; font-size: 1.1rem; font-weight: 600; color: #222; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } /* Active/hover state (Menu items) */ .menuzord-menu > li.active > a, .menuzord-menu > li:hover > a { color: #333; } /* Dropdown */ .menuzord-menu ul.dropdown { top: 100%; } .menuzord-menu ul.dropdown li ul.dropdown { top: 0; } /* Megamenu */ .menuzord-menu > li > .megamenu { top: 100%; } /* 4 - DROPDOWN ======================================*/ .menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown { list-style: none; margin: 0; padding: 0; display: none; position: absolute; z-index: 99; min-width: 230px; background: #fff; } .menuzord-menu ul.dropdown li ul.dropdown { left: 100%; } /* Dropdown items */ .menuzord-menu ul.dropdown li { clear: both; width: 100%; border: 0 none; position: relative; } .menuzord-menu ul.dropdown li a { width: 100%; background: none; padding: 10px 25px 10px 22px; color: #888; text-decoration: none; display: inline-block; float: left; clear: both; position: relative; outline: 0; -o-transition: padding .2s linear; -moz-transition: padding .2s linear; -webkit-transition: padding .2s linear; transition: padding .2s linear; } /* Hover state (dropdown items) */ .menuzord-menu ul.dropdown li:hover > a { padding-left: 28px; padding-right: 19px; color: #333; } /* Dropdown left alignment */ .menuzord-menu ul.dropdown.dropdown-left { left: none; } .menuzord-menu ul.dropdown li ul.dropdown.dropdown-left { left: -100%; } /* 5 - DROPDOWN/MEGAMENU INDICATORS ======================================*/ .menuzord-menu li .indicator { margin-left: 3px; margin-right: 0; } .menuzord-menu li ul.dropdown li .indicator { position: absolute; top: 8px; right: 10px; font-size: 15px; } /* 6 - MEGAMENU ======================================*/ .menuzord-menu > li > .megamenu { width: 100%; padding: 20px 30px; left: 0; position: absolute; display: none; z-index: 99; border-top: solid 1px #f0f0f0; background: #fff; } /* 7 - MEGAMENU WIDTHS ======================================*/ /* Half width */ .menuzord-menu > li > .megamenu.megamenu-half-width { width: 50%; left: auto; } /* Quarter width */ .menuzord-menu > li > .megamenu.megamenu-quarter-width { width: 25%; left: auto; } /* 8 - GRID SYSTEM ======================================*/ .menuzord-menu > li > .megamenu .megamenu-row { width: 100%; margin-top: 15px; } .menuzord-menu > li > .megamenu .megamenu-row:first-child { margin-top: 0; } .menuzord-menu > li > .megamenu .megamenu-row:before, .menuzord-menu > li > .megamenu .megamenu-row:after { display: table; content: ""; line-height: 0; } .menuzord-menu > li > .megamenu .megamenu-row:after { clear: both; } .menuzord-menu > li > .megamenu .megamenu-row .col1, .menuzord-menu > li > .megamenu .megamenu-row .col2, .menuzord-menu > li > .megamenu .megamenu-row .col3, .menuzord-menu > li > .megamenu .megamenu-row .col4, .menuzord-menu > li > .megamenu .megamenu-row .col5, .menuzord-menu > li > .megamenu .megamenu-row .col6, .menuzord-menu > li > .megamenu .megamenu-row .col7, .menuzord-menu > li > .megamenu .megamenu-row .col8, .menuzord-menu > li > .megamenu .megamenu-row .col9, .menuzord-menu > li > .megamenu .megamenu-row .col10, .menuzord-menu > li > .megamenu .megamenu-row .col11, .menuzord-menu > li > .megamenu .megamenu-row .col12 { display: block; min-height: 20px; float: left; margin-left: 3%; } .menuzord-menu > li > .megamenu .megamenu-row [class*="col"]:first-child { margin-left: 0; } .menuzord-menu > li > .megamenu .megamenu-row .col1 { width: 5.583333333333%; } .menuzord-menu > li > .megamenu .megamenu-row .col2 { width: 14.166666666666%; } .menuzord-menu > li > .megamenu .megamenu-row .col3 { width: 22.75%; } .menuzord-menu > li > .megamenu .megamenu-row .col4 { width: 31.333333333333%; } .menuzord-menu > li > .megamenu .megamenu-row .col5 { width: 39.916666666667%; } .menuzord-menu > li > .megamenu .megamenu-row .col6 { width: 48.5%; } .menuzord-menu > li > .megamenu .megamenu-row .col7 { width: 57.083333333333%; } .menuzord-menu > li > .megamenu .megamenu-row .col8 { width: 65.666666666667%; } .menuzord-menu > li > .megamenu .megamenu-row .col9 { width: 74.25%; } .menuzord-menu > li > .megamenu .megamenu-row .col10 { width: 82.833333333334%; } .menuzord-menu > li > .megamenu .megamenu-row .col11 { width: 91.416666666667%; } .menuzord-menu > li > .megamenu .megamenu-row .col12 { width: 100%; } /* 9 - SHOW/HIDE BUTTON (MOBILE MODE) ======================================*/ .menuzord .showhide { width: 60px; height: 46px; padding: 13px 0 0; display: none; float: right; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } /* Show/hide button icon */ .menuzord .showhide em { width: 26px; height: 3px; margin: 4px 20px 0; float: right; background: #333; border-radius: 3px; transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .menuzord .showhide em { transition: none; } } /* 10 - ICONS (parent menu items) ======================================*/ .menuzord-menu > li > a > i { margin: 0 5px 0 0; font-size: 18px; display: inline-block; line-height: 1; font-family: 'Font Awesome 5 Free'; } /* 11 - SEARCH FIELD ======================================*/ /* Form */ .menuzord-menu > li.search form { float: left; padding: 22px 16px 17px; } /* Input */ .menuzord-menu > li.search form input[type="text"] { width: 160px; padding: 5px 10px; font-family: 'Open Sans', sans-serif; border: none; background: #f0f0f0; border-radius: 2px; outline: 0; -o-transition: width 1s ease-out; -moz-transition: width 1s ease-out; -webkit-transition: width 1s ease-out; transition: width 1s ease-out; } .menuzord-menu > li.search form:hover input[type="text"] { width: 160px; } /* 12 - VERTICAL TABS ======================================*/ .menuzord-tabs { width: 100%; float: left; } .menuzord-tabs-nav { width: 20%; margin: 0; padding: 0; float: left; list-style: none; } .menuzord-tabs-nav > li > a { width: 100%; padding: 7px 16px; float: left; font-size: 13px; text-decoration: none; color: #666; border: solid 1px #f0f0f0; outline: 0; } .menuzord-tabs-nav li.active a, .menuzord-tabs-nav li:hover a { background: #f0f0f0; } .menuzord-tabs-content { width: 80%; min-height: 30px; padding: 20px; float: right; display: none; font-size: 13px; border: solid 1px #f0f0f0; } .menuzord-tabs-content.active { display: block; } /* 13 - COLOR SCHEMES ======================================*/ /* blue */ .menuzord.blue .menuzord-menu > li.active > a, .menuzord.blue .menuzord-menu > li:hover > a, .menuzord.blue .menuzord-menu ul.dropdown li:hover > a { color: #4A89DC; } /* green */ .menuzord.green .menuzord-menu > li.active > a, .menuzord.green .menuzord-menu > li:hover > a, .menuzord.green .menuzord-menu ul.dropdown li:hover > a { color: #37BC9B; } /* red */ .menuzord.red .menuzord-menu > li.active > a, .menuzord.red .menuzord-menu > li:hover > a, .menuzord.red .menuzord-menu ul.dropdown li:hover > a { color: #E9573F; } /* orange */ .menuzord.orange .menuzord-menu > li.active > a, .menuzord.orange .menuzord-menu > li:hover > a, .menuzord.orange .menuzord-menu ul.dropdown li:hover > a { color: #ff670f; } /* yellow */ .menuzord.yellow .menuzord-menu > li.active > a, .menuzord.yellow .menuzord-menu > li:hover > a, .menuzord.yellow .menuzord-menu ul.dropdown li:hover > a { color: #F6BB42; } /* purple */ .menuzord.purple .menuzord-menu > li.active > a, .menuzord.purple .menuzord-menu > li:hover > a, .menuzord.purple .menuzord-menu ul.dropdown li:hover > a { color: #967ADC; } /* pink */ .menuzord.pink .menuzord-menu > li.active > a, .menuzord.pink .menuzord-menu > li:hover > a, .menuzord.pink .menuzord-menu ul.dropdown li:hover > a { color: #D770AD; } /* 14 - MOBILE MODE (RESPONSIVE MODE) ======================================*/ @media (max-width: 1199.98px) { /* Responsive menu container */ .menuzord-responsive.menuzord { padding: 0; } /* Brand */ .menuzord-responsive .menuzord-brand { margin: 8px 30px 10px 20px; font-size: 20px; line-height: 1.55; } /* Show/hide button */ .menuzord-responsive .showhide { margin: 0; } /* Menu */ .menuzord-responsive .menuzord-menu { width: 100%; float: left !important; } /* scrollable menu*/ .menuzord-responsive .menuzord-menu.scrollable { overflow-y: auto; -webkit-overflow-scrolling: touch; } .menuzord-responsive .menuzord-menu.scrollable > .scrollable-fix { display: block; } /* Menu items */ .menuzord-responsive .menuzord-menu > li { width: 100%; display: block; position: relative; } .menuzord-responsive .menuzord-menu > li > a { width: 100%; padding: 12px 20px; display: block; border-bottom: solid 1px #f0f0f0; } .menuzord-responsive .menuzord-menu > li:first-child > a { border-top: solid 1px #f0f0f0; } /* Dropdown */ .menuzord-responsive .menuzord-menu ul.dropdown, .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown { width: 100%; left: 0; position: static; border: none; background: #fff; float: left; } /* Dropdown items */ .menuzord-responsive .menuzord-menu ul.dropdown li { position: relative; } .menuzord-responsive .menuzord-menu ul.dropdown li a { border-bottom: solid 1px #f0f0f0; } .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > a { padding-left: 40px !important; } .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > a { padding-left: 60px !important; } .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a { padding-left: 80px !important; } /* Dropdown/megamenu indicators */ .menuzord-responsive .menuzord-menu li .indicator { width: 60px; height: 45px; position: absolute; right: 0; top: 0; left: auto; font-size: 22px; text-align: center; line-height: 43px; border-left: solid 1px #f5f5f5; border-right: 0; } .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator { height: 38px; right: 0; top: 0; left: auto; font-size: 18px; line-height: 36px; } /* Megamenu */ .menuzord-responsive .menuzord-menu > li > .megamenu { width: 100% !important; left: 0 !important; position: static; border-top: none; border-bottom: solid 1px #f0f0f0; } .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row [class*="col"] { float: none; display: block; width: 100% !important; margin-left: 0; margin-top: 15px; } .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row:first-child [class*="col"]:first-child { margin-top: 0; } .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row { margin-top: 0; } /* Search field */ .menuzord-responsive .menuzord-menu > li.search form { width: 100%; margin: 4px 0; padding: 10px 16px !important; } .menuzord-responsive .menuzord-menu > li.search form input[type="text"] { width: 100%; } /* Tabs */ .menuzord-responsive .menuzord-tabs-nav { width: 100%; } .menuzord-responsive .menuzord-tabs-content { width: 100%; } } /* CSS3 ANIMATIONS */ .zoom-in { -webkit-animation: zoomIn 400ms ease both; -moz-animation: zoomIn 400ms ease both; -o-animation: zoomIn 400ms ease both; animation: zoomIn 400ms ease both; } @-webkit-keyframes zoomIn { 0% { -webkit-transform: scale(1.5); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes zoomIn { 0% { -moz-transform: scale(1.5); } 100% { -moz-transform: scale(1); } } @-o-keyframes zoomIn { 0% { opacity: 0; -o-transform: scale(1.5); } 100% { opacity: 1; -o-transform: scale(1); } } @keyframes zoomIn { 0% { transform: scale(1.5); } 100% { transform: scale(1); } } .zoom-out { -webkit-animation: zoomOut 400ms ease both; -moz-animation: zoomOut 400ms ease both; -o-animation: zoomOut 400ms ease both; animation: zoomOut 400ms ease both; } @-webkit-keyframes zoomOut { 0% { -webkit-transform: scale(0.6); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes zoomOut { 0% { -moz-transform: scale(0.6); } 100% { -moz-transform: scale(1); } } @-o-keyframes zoomOut { 0% { -o-transform: scale(0.6); } 100% { -o-transform: scale(1); } } @keyframes zoomOut { 0% { transform: scale(0.6); } 100% { transform: scale(1); } } .drop-up { -webkit-animation: drop-up 400ms ease both; -moz-animation: drop-up 400ms ease both; -o-animation: drop-up 400ms ease both; animation: drop-up 400ms ease both; } @-webkit-keyframes drop-up { 0% { -webkit-transform: translateY(100px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes drop-up { 0% { -moz-transform: translateY(100px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes drop-up { 0% { -o-transform: translateY(100px); } 100% { -o-transform: translateY(0); } } @keyframes drop-up { 0% { transform: translateY(100px); } 100% { transform: translateY(0); } } .drop-left { -webkit-animation: drop-left 400ms ease both; -moz-animation: drop-left 400ms ease both; -o-animation: drop-left 400ms ease both; animation: drop-left 400ms ease both; } @-webkit-keyframes drop-left { 0% { -webkit-transform: translateX(-100px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes drop-left { 0% { -moz-transform: translateX(-100px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes drop-left { 0% { -o-transform: translateX(-100px); } 100% { -o-transform: translateX(0); } } @keyframes drop-left { 0% { transform: translateX(-100px); } 100% { transform: translateX(0); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation: swing 400ms ease-out both; -moz-animation: swing 400ms ease-out both; -o-animation: swing 400ms ease-out both; animation: swing 400ms ease-out both; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .flip-animation { -webkit-animation: flip-animation 700ms ease both; -moz-animation: flip-animation 700ms ease both; -o-animation: flip-animation 700ms ease both; animation: flip-animation 700ms ease both; } @-webkit-keyframes flip-animation { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flip-animation { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .roll-in { -webkit-animation: roll-in 400ms ease both; -moz-animation: roll-in 400ms ease both; -o-animation: roll-in 400ms ease both; animation: roll-in 400ms ease both; } @-webkit-keyframes roll-in { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-15deg); transform: translateX(-100%) rotate(-15deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes roll-in { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-15deg); -ms-transform: translateX(-100%) rotate(-15deg); transform: translateX(-100%) rotate(-15deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .stretch { -webkit-animation: stretch 500ms ease both; -moz-animation: stretch 500ms ease both; -o-animation: stretch 500ms ease both; animation: stretch 500ms ease both; transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } @keyframes stretch { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretch { 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } @-o-keyframes stretch { 0% { -o-transform: scaleX(0.3); } 40% { -o-transform: scaleX(1.02); } 60% { -o-transform: scaleX(0.98); } 80% { -o-transform: scaleX(1.01); } 100% { -o-transform: scaleX(0.98); } 80% { -o-transform: scaleX(1.01); } 100% { -o-transform: scaleX(1); } } body.tm-dark-layout .menuzord-container { background-color: #151515; } body.tm-dark-layout .menuzord-container .menuzord-menu > li > a { color: #888; } @media (max-width: 1199.98px) { body { transition: all 0.5s ease; } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { body { transition: none; } } @media (max-width: 1199.98px) { body #top-primary-nav-clone { opacity: 0; } body .header-nav-wrapper { left: 0%; } body.menuzord-menu-open { left: -70%; } body.menuzord-menu-open .header-nav-wrapper { left: -70% !important; } body.menuzord-menu-open #top-primary-nav-clone { opacity: 1; background-color: #333; position: fixed; top: 0; right: 0; width: 70%; height: 100%; } body.menuzord-menu-open .menuzord .showhide em:nth-child(2) { display: none; } body.menuzord-menu-open .menuzord .showhide em:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 15px; position: absolute; } body.menuzord-menu-open .menuzord .showhide em:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; position: absolute; } } /* * header-other.scss * ----------------------------------------------- */ header#header .header-nav .header-nav-container { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } header#header .nav-side-icon-list { display: inline-block; } @media (max-width: 1199.98px) { header#header .nav-side-icon-list { float: left; } } header#header .nav-side-icon-list > li { padding: 0 12px; margin-top: -4px; } header#header .nav-side-icon-list > li .custom-button { margin-top: -5px; margin-left: 30px; } header#header .nav-side-icon-list > li:last-child { padding-right: 0; } /* * header-nav.scss * ----------------------------------------------- */ .header-nav .header-nav-wrapper .menuzord-container { transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .header-nav .header-nav-wrapper .menuzord-container { transition: none; } } .header-nav .header-nav-wrapper.navbar-scrolltofixed { transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .header-nav .header-nav-wrapper.navbar-scrolltofixed { transition: none; } } .header-nav .header-nav-col-row > :first-child { padding-left: 15px; } .header-nav .header-nav-col-row > :last-child { padding-right: 15px; } @media (max-width: 575.98px) { .header-nav .header-nav-col-row > div { width: auto; max-width: none; } } #top-primary-nav.menuzord, #top-primary-nav-clone.menuzord { padding: 0; } #top-primary-nav .menuzord-menu li a, #top-primary-nav-clone .menuzord-menu li a { transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { #top-primary-nav .menuzord-menu li a, #top-primary-nav-clone .menuzord-menu li a { transition: none; } } #top-primary-nav .menuzord-menu > li, #top-primary-nav-clone .menuzord-menu > li { position: relative; } #top-primary-nav .menuzord-menu > li > a, #top-primary-nav-clone .menuzord-menu > li > a { font-size: 1rem; padding-left: 20px; padding-right: 20px; } @media (max-width: 1199.98px) { #top-primary-nav .menuzord-menu > li > a, #top-primary-nav-clone .menuzord-menu > li > a { padding-left: 10px; padding-right: 10px; } } #top-primary-nav .menuzord-menu ul.dropdown, #top-primary-nav-clone .menuzord-menu ul.dropdown { border: 1px solid #ddd; box-shadow: 1px 1px 35px rgba(0, 0, 0, 0.08); } #top-primary-nav .menuzord-menu ul.dropdown li, #top-primary-nav-clone .menuzord-menu ul.dropdown li { margin: 0; border-bottom: 1px solid #eee; padding-left: 0; } #top-primary-nav .menuzord-menu ul.dropdown li a, #top-primary-nav-clone .menuzord-menu ul.dropdown li a { color: #555; font-size: 0.9rem; padding: 10px 25px 10px 22px; } #top-primary-nav .menuzord-menu ul.dropdown li a:hover, #top-primary-nav-clone .menuzord-menu ul.dropdown li a:hover { background-color: #f5f5f5; padding-left: 25px; } #top-primary-nav .menuzord-menu ul.dropdown li a:after, #top-primary-nav-clone .menuzord-menu ul.dropdown li a:after { content: ''; display: inline-block; height: 0; width: 4px; vertical-align: middle; margin-right: 0; opacity: 0; visibility: hidden; background: #111; -webkit-transition: height .4s,opacity .4s ease,top .4s ease; -o-transition: height .4s,opacity .4s ease,top .4s ease; -moz-transition: height .4s,opacity .4s ease,top .4s ease; transition: height .4s,opacity .4s ease,top .4s ease; position: absolute; top: 50%; left: 0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #top-primary-nav .menuzord-menu ul.dropdown li:hover > a, #top-primary-nav-clone .menuzord-menu ul.dropdown li:hover > a { background: #eee none repeat scroll 0 0; color: #333; } #top-primary-nav .menuzord-menu ul.dropdown li:hover > a:after, #top-primary-nav-clone .menuzord-menu ul.dropdown li:hover > a:after { top: 0; height: -webkit-calc(100% + 1px); height: -moz-calc(100% + 1px); height: calc(100% + 1px); opacity: 1; visibility: visible; } #top-primary-nav .menuzord-menu ul.dropdown li a.tm-submenu-title, #top-primary-nav-clone .menuzord-menu ul.dropdown li a.tm-submenu-title { font-size: 1rem; font-weight: 500; color: #222; } #top-primary-nav .menuzord-menu > li > ul.dropdown, #top-primary-nav-clone .menuzord-menu > li > ul.dropdown { border-top: 3px solid #333; background: #fcfcfc; } #top-primary-nav .menuzord-menu .tm-menu-badge, #top-primary-nav-clone .menuzord-menu .tm-menu-badge { display: inline; font-size: 65%; line-height: 1; text-transform: uppercase; padding: 0 4px 0px 4px; margin: 0 0 0 5px; background-color: #f44336; color: #fff; } @media (max-width: 1199.98px) { #top-primary-nav.menuzord-responsive .menuzord-menu > li > a, #top-primary-nav-clone.menuzord-responsive .menuzord-menu > li > a { color: #fff; background-color: #333; border-bottom-color: #444; } #top-primary-nav.menuzord-responsive .menuzord-menu li .indicator, #top-primary-nav-clone.menuzord-responsive .menuzord-menu li .indicator { border-left-color: #444; } #top-primary-nav.menuzord-responsive .menuzord-menu ul.dropdown, #top-primary-nav-clone.menuzord-responsive .menuzord-menu ul.dropdown { border-top: 0; border-color: #444; } #top-primary-nav.menuzord-responsive .menuzord-menu ul.dropdown li a, #top-primary-nav-clone.menuzord-responsive .menuzord-menu ul.dropdown li a { color: #fff; background-color: #363636; border-bottom-color: #444; } #top-primary-nav.menuzord-responsive .menuzord-menu .widget, #top-primary-nav-clone.menuzord-responsive .menuzord-menu .widget { margin-bottom: 15px; } #top-primary-nav.menuzord-responsive .menuzord-menu .megamenu .megamenu-row > [class^="col"], #top-primary-nav-clone.menuzord-responsive .menuzord-menu .megamenu .megamenu-row > [class^="col"] { padding: 0 15px; } #top-primary-nav.menuzord-responsive .menuzord-menu .megamenu .megamenu-row [class*="col"], #top-primary-nav-clone.menuzord-responsive .menuzord-menu .megamenu .megamenu-row [class*="col"] { margin-top: 0; } } @media (max-width: 1199.98px) { #top-primary-nav .menuzord-menu { display: none !important; } } #top-primary-nav-clone .showhide { display: none !important; } #top-primary-nav-clone .menuzord-menu { margin-bottom: 30px; } header#header .menuzord-brand { transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { header#header .menuzord-brand { transition: none; } } @media (max-width: 1199.98px) { header#header .menuzord-brand { margin-right: 20px; } } @media (max-width: 767.98px) { header#header .menuzord-brand { margin-right: 0; } } header#header .menuzord-brand img { max-height: 54px; width: auto; transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { header#header .menuzord-brand img { transition: none; } } @media (max-width: 575.98px) { header#header .menuzord-brand img { max-width: 200px !important; } } header#header .menuzord-brand img.logo-2x { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { header#header .menuzord-brand .logo-default.logo-1x { display: none; } header#header .menuzord-brand .logo-default.logo-2x { display: inline-block; } } @media (min-width: 1200px) { header#header.main-nav-items-textcolor-white .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) #top-primary-nav .menuzord-menu > li > a, header#header.main-nav-items-textcolor-white .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) #top-primary-nav-clone .menuzord-menu > li > a { color: #fff; } } header#header.main-nav-items-textcolor-white .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord .showhide em { background: #fff; } @media (min-width: 1200px) { header#header.main-nav-items-textcolor-dark .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) #top-primary-nav .menuzord-menu > li > a, header#header.main-nav-items-textcolor-dark .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) #top-primary-nav-clone .menuzord-menu > li > a { color: #222; } } header#header.main-nav-items-textcolor-dark .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord .showhide em { background: #333; } /* subtitle */ .menu-item .subtitle { display: block; font-weight: normal; } /* Switchable logo */ body.switchable-logo header#header .menuzord-brand .logo-light.logo-1x { display: inline-block; } body.switchable-logo header#header .menuzord-brand .logo-dark.logo-1x { display: none; } body.switchable-logo header#header .header-nav-wrapper.navbar-scrolltofixed.scroll-to-fixed-fixed .menuzord-brand .logo-light.logo-1x { display: none; } body.switchable-logo header#header .header-nav-wrapper.navbar-scrolltofixed.scroll-to-fixed-fixed .menuzord-brand .logo-dark.logo-1x { display: inline-block; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { body.switchable-logo header#header .menuzord-brand .logo-light.logo-1x { display: none; } body.switchable-logo header#header .menuzord-brand .logo-dark.logo-1x { display: none; } body.switchable-logo header#header .menuzord-brand .logo-light.logo-2x { display: inline-block; } body.switchable-logo header#header .menuzord-brand .logo-dark.logo-2x { display: none; } body.switchable-logo header#header .header-nav-wrapper.navbar-scrolltofixed.scroll-to-fixed-fixed .menuzord-brand .logo-light.logo-1x { display: none; } body.switchable-logo header#header .header-nav-wrapper.navbar-scrolltofixed.scroll-to-fixed-fixed .menuzord-brand .logo-dark.logo-1x { display: none; } body.switchable-logo header#header .header-nav-wrapper.navbar-scrolltofixed.scroll-to-fixed-fixed .menuzord-brand .logo-light.logo-2x { display: none; } body.switchable-logo header#header .header-nav-wrapper.navbar-scrolltofixed.scroll-to-fixed-fixed .menuzord-brand .logo-dark.logo-2x { display: inline-block; } } /* -------- Megamenu-Row ---------- */ .menuzord-menu > li > .megamenu { border-top: 3px solid #333; background: #fcfcfc; background-repeat: no-repeat; background-position: bottom right; padding: 0; min-width: 400px; } .menuzord-menu > li > .megamenu.megamenu-three-quarter-width { left: auto; width: 75%; } .menuzord-menu > li > .megamenu .megamenu-row { box-shadow: 1px 1px 35px rgba(0, 0, 0, 0.08); display: table; } .menuzord-menu > li > .megamenu .megamenu-row .col1 { width: 8.33333333%; } .menuzord-menu > li > .megamenu .megamenu-row .col2 { width: 16.66666667%; } .menuzord-menu > li > .megamenu .megamenu-row .col3 { width: 25%; } .menuzord-menu > li > .megamenu .megamenu-row .col4 { width: 33.333%; } .menuzord-menu > li > .megamenu .megamenu-row .col5 { width: 41.66666667%; } .menuzord-menu > li > .megamenu .megamenu-row .col6 { width: 50%; } .menuzord-menu > li > .megamenu .megamenu-row .col7 { width: 58.33333333%; } .menuzord-menu > li > .megamenu .megamenu-row .col8 { width: 66.66666667%; } .menuzord-menu > li > .megamenu .megamenu-row .col9 { width: 75%; } .menuzord-menu > li > .megamenu .megamenu-row .col10 { width: 83.33333333%; } .menuzord-menu > li > .megamenu .megamenu-row .col11 { width: 91.66666667%; } .menuzord-menu > li > .megamenu .megamenu-row .col12 { width: 100%; } .menuzord-menu > li > .megamenu .megamenu-row > [class^="col"] { display: table-cell; float: none; margin-left: 0; padding: 15px 10px; border-right: 1px solid #eee; background-repeat: no-repeat; background-position: bottom right; } .menuzord-menu > li > .megamenu .megamenu-row > [class^="col"]:last-child { border-right: none; } .menuzord-menu > li > .megamenu .megamenu-row li { border: 0 none; clear: both; margin: 0; padding: 2px; position: relative; width: 100%; } .menuzord-menu > li > .megamenu .megamenu-row li a { color: #777; display: block; font-size: 0.85rem; line-height: 1.65; padding: 5px 12px 5px; } .menuzord-menu > li > .megamenu .megamenu-row li a i { color: #777; padding-right: 6px; } .menuzord-menu > li > .megamenu .megamenu-row li a.tm-submenu-title { font-size: 1rem; font-weight: 500; color: #222; } .menuzord-menu > li > .megamenu .megamenu-row li.active > a:not(.tm-submenu-title), .menuzord-menu > li > .megamenu .megamenu-row li:hover > a:not(.tm-submenu-title) { color: #111; padding-left: 15px; background-color: #f5f5f5; } .menuzord-menu > li > .megamenu .megamenu-row li.active > a:not(.tm-submenu-title) i, .menuzord-menu > li > .megamenu .megamenu-row li:hover > a:not(.tm-submenu-title) i { color: #555; padding-right: 6px; } .menuzord-menu > li > .megamenu .megamenu-row .widget { margin-bottom: 0; } @media (min-width: 1200px) { .menuzord-menu > li > .megamenu { display: block !important; opacity: 0; visibility: hidden; } .menuzord-menu > li:hover > .megamenu { opacity: 1; visibility: visible; } } body.admin-bar .header-nav .navbar-scrolltofixed.scroll-to-fixed-fixed { margin-top: 28px; } @media (max-width: 600px) { body.admin-bar .header-nav .navbar-scrolltofixed.scroll-to-fixed-fixed { margin-top: 45px; } } /* * header-type.scss * ----------------------------------------------- */ @media (max-width: 1199.98px) { header#header.header-nav-left .header-nav-col-row { padding: 10px 0; } header#header.header-nav-left .header-nav-col-row :first-child { order: 1; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows .menuzord-brand { margin-bottom: 25px; margin-top: 25px; } } header#header.header-layout-type-header-3rows .header-nav { border-top: 1px solid #eee; } header#header.header-layout-type-header-3rows .menuzord-brand { margin-bottom: 0; margin-top: 0; } header#header.header-layout-type-header-3rows .menuzord-menu > li { padding: 20px 0; } header#header.header-layout-type-header-3rows .menuzord .showhide { float: left; } header#header.header-layout-type-header-3rows .nav-side-icon-list { float: right; } @media (max-width: 991.98px) { header#header.header-layout-type-header-3rows .header-middle { padding-bottom: 15px; } } header#header.header-layout-type-header-3rows .header-middle .contact-info .title { font-size: 1rem; } header#header.header-layout-type-header-3rows .header-middle .contact-info .subtitle { font-size: 0.875rem; } header#header.header-layout-type-header-3rows .header-middle .contact-info .subtitle a { font-size: 0.875rem; } @media (max-width: 1199.98px) { header#header.header-layout-type-header-3rows .menuzord-brand { display: inline-block; float: none; margin-bottom: 30px; margin-top: 0; max-width: none; } header#header.header-layout-type-header-3rows .menuzord-menu > li { padding: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-3rows .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .dropdown-content { left: 0; right: auto; } } header#header.header-layout-type-header-1rows-floating-header { padding-top: 15px; position: absolute; left: 0; right: 0; top: 0; z-index: 1011; } @media (max-width: 991.98px) { header#header.header-layout-type-header-1rows-floating-header { position: relative; } } header#header.header-layout-type-header-1rows-floating-header .menuzord-menu { float: right; } header#header.header-layout-type-header-1rows-floating-header .menuzord-menu > li { padding: 25px 0 !important; } header#header.header-layout-type-header-1rows-floating-header .menuzord-menu > li > a { font-weight: 500; letter-spacing: 0px; } header#header.header-layout-type-header-1rows-floating-header .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-container { background-color: transparent; box-shadow: none; } header#header.header-layout-type-header-1rows-floating-header .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-1rows-floating-header .nav-side-icon-list > li { margin-top: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-1rows-floating-header .menuzord-menu > li { padding: 0 !important; } } header#header.header-layout-type-header-1rows-floating-header.header-bg-dark-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-1rows-floating-header.header-bg-dark-shadow { background-color: #333; padding-bottom: 0; } } header#header.header-layout-type-header-1rows-floating-header.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-menu > li > a { color: #fff; } header#header.header-layout-type-header-1rows-floating-header.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord .showhide em { background: #fff; } header#header.header-layout-type-header-1rows-floating-header.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li a i { color: #fff; } header#header.header-layout-type-header-1rows-floating-header.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner, header#header.header-layout-type-header-1rows-floating-header.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:after, header#header.header-layout-type-header-1rows-floating-header.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:before { background-color: #fff; } header#header.header-layout-type-header-1rows-floating-header.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .mini-cart-icon .items-count { background-color: #fff; color: #333; } header#header.header-layout-type-header-1rows-floating-header.header-bg-light-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.7), rgba(250, 250, 250, 0.45), rgba(250, 250, 250, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-1rows-floating-header.header-bg-light-shadow { padding-bottom: 0; } } header#header.header-layout-type-header-2rows-floating-header { position: absolute; left: 0; right: 0; top: 0; z-index: 1011; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header { position: relative; } } header#header.header-layout-type-header-2rows-floating-header .header-top { background: transparent; } header#header.header-layout-type-header-2rows-floating-header .header-nav { background: transparent; border-top: 1px solid rgba(255, 255, 255, 0.1); } @media (min-width: 768px) { header#header.header-layout-type-header-2rows-floating-header .header-nav { margin-top: 20px; } header#header.header-layout-type-header-2rows-floating-header .header-top + .header-nav { margin-top: 0; } } header#header.header-layout-type-header-2rows-floating-header .menuzord-menu { float: right; } header#header.header-layout-type-header-2rows-floating-header .menuzord-menu > li { padding: 25px 0 !important; } header#header.header-layout-type-header-2rows-floating-header .menuzord-menu > li > a { font-weight: 500; letter-spacing: 0px; } header#header.header-layout-type-header-2rows-floating-header .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-container { background-color: transparent; box-shadow: none; } header#header.header-layout-type-header-2rows-floating-header .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header .nav-side-icon-list > li { margin-top: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows-floating-header .menuzord-menu > li { padding: 0 !important; } } header#header.header-layout-type-header-2rows-floating-header.header-bg-dark-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header.header-bg-dark-shadow { background-color: #333; padding-bottom: 0; } } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header.header-bg-dark-shadow .header-top { background-color: #2c2c2c; } } header#header.header-layout-type-header-2rows-floating-header.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-menu > li > a { color: #fff; } header#header.header-layout-type-header-2rows-floating-header.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord .showhide em { background: #fff; } header#header.header-layout-type-header-2rows-floating-header.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li a i { color: #fff; } header#header.header-layout-type-header-2rows-floating-header.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner, header#header.header-layout-type-header-2rows-floating-header.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:after, header#header.header-layout-type-header-2rows-floating-header.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:before { background-color: #fff; } header#header.header-layout-type-header-2rows-floating-header.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .mini-cart-icon .items-count { background-color: #fff; color: #333; } header#header.header-layout-type-header-2rows-floating-header.header-bg-light-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.7), rgba(250, 250, 250, 0.45), rgba(250, 250, 250, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header.header-bg-light-shadow { padding-bottom: 0; } } header#header.header-layout-type-header-2rows-floating-header.header-bg-light-shadow .header-top { color: #333; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header.header-bg-light-shadow .header-top { background-color: #eee; } } header#header.header-layout-type-header-2rows-floating-header.header-bg-light-shadow .header-top a { color: #333; } header#header.header-layout-type-header-2rows-floating-header-style1 { position: absolute; left: 0; right: 0; top: 0; z-index: 1011; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style1 { position: relative; } } header#header.header-layout-type-header-2rows-floating-header-style1 .header-top { background: rgba(21, 21, 21, 0.6); } header#header.header-layout-type-header-2rows-floating-header-style1 .header-nav { background: rgba(21, 21, 21, 0.6); border-top: 1px solid rgba(255, 255, 255, 0.1); } @media (min-width: 768px) { header#header.header-layout-type-header-2rows-floating-header-style1 .header-nav { margin-top: 20px; } header#header.header-layout-type-header-2rows-floating-header-style1 .header-top + .header-nav { margin-top: 0; } } header#header.header-layout-type-header-2rows-floating-header-style1 .menuzord-menu { float: right; } header#header.header-layout-type-header-2rows-floating-header-style1 .menuzord-menu > li { padding: 25px 0 !important; } header#header.header-layout-type-header-2rows-floating-header-style1 .menuzord-menu > li > a { font-weight: 500; letter-spacing: 0px; } header#header.header-layout-type-header-2rows-floating-header-style1 .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-container { background-color: transparent; box-shadow: none; } header#header.header-layout-type-header-2rows-floating-header-style1 .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-style1 .nav-side-icon-list > li { margin-top: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows-floating-header-style1 .menuzord-menu > li { padding: 0 !important; } } header#header.header-layout-type-header-2rows-floating-header-style1.header-bg-dark-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style1.header-bg-dark-shadow { background-color: #333; padding-bottom: 0; } } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style1.header-bg-dark-shadow .header-top { background-color: #2c2c2c; } } header#header.header-layout-type-header-2rows-floating-header-style1.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-menu > li > a { color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style1.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord .showhide em { background: #fff; } header#header.header-layout-type-header-2rows-floating-header-style1.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li a i { color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style1.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner, header#header.header-layout-type-header-2rows-floating-header-style1.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:after, header#header.header-layout-type-header-2rows-floating-header-style1.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:before { background-color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style1.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .mini-cart-icon .items-count { background-color: #fff; color: #333; } header#header.header-layout-type-header-2rows-floating-header-style1.header-bg-light-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.7), rgba(250, 250, 250, 0.45), rgba(250, 250, 250, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style1.header-bg-light-shadow { padding-bottom: 0; } } header#header.header-layout-type-header-2rows-floating-header-style1.header-bg-light-shadow .header-top { color: #333; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style1.header-bg-light-shadow .header-top { background-color: #eee; } } header#header.header-layout-type-header-2rows-floating-header-style1.header-bg-light-shadow .header-top a { color: #333; } header#header.header-layout-type-header-2rows-floating-header-style2 { position: absolute; left: 0; right: 0; top: 0; z-index: 1011; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style2 { position: relative; } } header#header.header-layout-type-header-2rows-floating-header-style2 .header-top { background: rgba(255, 255, 255, 0.1); } @media (min-width: 768px) { header#header.header-layout-type-header-2rows-floating-header-style2 .header-nav { margin-top: 20px; } header#header.header-layout-type-header-2rows-floating-header-style2 .header-top + .header-nav { margin-top: 0; } } header#header.header-layout-type-header-2rows-floating-header-style2 .header-nav { background: rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); } header#header.header-layout-type-header-2rows-floating-header-style2 .menuzord-menu { float: right; } header#header.header-layout-type-header-2rows-floating-header-style2 .menuzord-menu > li { padding: 25px 0 !important; } header#header.header-layout-type-header-2rows-floating-header-style2 .menuzord-menu > li > a { font-weight: 500; letter-spacing: 0px; } header#header.header-layout-type-header-2rows-floating-header-style2 .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-container { background-color: transparent; box-shadow: none; } header#header.header-layout-type-header-2rows-floating-header-style2 .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-style2 .nav-side-icon-list > li { margin-top: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows-floating-header-style2 .menuzord-menu > li { padding: 0 !important; } } header#header.header-layout-type-header-2rows-floating-header-style2.header-bg-dark-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style2.header-bg-dark-shadow { background-color: #333; padding-bottom: 0; } } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style2.header-bg-dark-shadow .header-top { background-color: #2c2c2c; } } header#header.header-layout-type-header-2rows-floating-header-style2.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-menu > li > a { color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style2.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord .showhide em { background: #fff; } header#header.header-layout-type-header-2rows-floating-header-style2.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li a i { color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style2.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner, header#header.header-layout-type-header-2rows-floating-header-style2.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:after, header#header.header-layout-type-header-2rows-floating-header-style2.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:before { background-color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style2.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .mini-cart-icon .items-count { background-color: #fff; color: #333; } header#header.header-layout-type-header-2rows-floating-header-style2.header-bg-light-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.7), rgba(250, 250, 250, 0.45), rgba(250, 250, 250, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style2.header-bg-light-shadow { padding-bottom: 0; } } header#header.header-layout-type-header-2rows-floating-header-style2.header-bg-light-shadow .header-top { color: #333; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style2.header-bg-light-shadow .header-top { background-color: #eee; } } header#header.header-layout-type-header-2rows-floating-header-style2.header-bg-light-shadow .header-top a { color: #333; } header#header.header-layout-type-header-2rows-floating-header-style3 { position: absolute; left: 0; right: 0; top: 0; z-index: 1011; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style3 { position: relative; } } header#header.header-layout-type-header-2rows-floating-header-style3 .header-top { background: rgba(255, 255, 255, 0.1); } header#header.header-layout-type-header-2rows-floating-header-style3 .header-top .container > .row > div { border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); } @media (min-width: 768px) { header#header.header-layout-type-header-2rows-floating-header-style3 .header-nav { margin-top: 20px; } header#header.header-layout-type-header-2rows-floating-header-style3 .header-top + .header-nav { margin-top: 0; } } header#header.header-layout-type-header-2rows-floating-header-style3 .header-nav { background: rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); } header#header.header-layout-type-header-2rows-floating-header-style3 .menuzord-menu { float: right; } header#header.header-layout-type-header-2rows-floating-header-style3 .menuzord-menu > li > a { font-weight: 500; letter-spacing: 0px; } header#header.header-layout-type-header-2rows-floating-header-style3 .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-container { background-color: transparent; box-shadow: none; } header#header.header-layout-type-header-2rows-floating-header-style3 .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-style3 .nav-side-icon-list > li { margin-top: 0; } } header#header.header-layout-type-header-2rows-floating-header-style3.header-bg-dark-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style3.header-bg-dark-shadow { background-color: #333; padding-bottom: 0; } } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style3.header-bg-dark-shadow .header-top { background-color: #2c2c2c; } } header#header.header-layout-type-header-2rows-floating-header-style3.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-menu > li > a { color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style3.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord .showhide em { background: #fff; } header#header.header-layout-type-header-2rows-floating-header-style3.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li a i { color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style3.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner, header#header.header-layout-type-header-2rows-floating-header-style3.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:after, header#header.header-layout-type-header-2rows-floating-header-style3.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:before { background-color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style3.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .mini-cart-icon .items-count { background-color: #fff; color: #333; } header#header.header-layout-type-header-2rows-floating-header-style3.header-bg-light-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.7), rgba(250, 250, 250, 0.45), rgba(250, 250, 250, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style3.header-bg-light-shadow { padding-bottom: 0; } } header#header.header-layout-type-header-2rows-floating-header-style3.header-bg-light-shadow .header-top { color: #333; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style3.header-bg-light-shadow .header-top { background-color: #eee; } } header#header.header-layout-type-header-2rows-floating-header-style3.header-bg-light-shadow .header-top a { color: #333; } header#header.header-layout-type-header-2rows-floating-header-style4 { position: absolute; left: 0; right: 0; top: 0; z-index: 1011; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style4 { position: relative; } } @media (min-width: 768px) { header#header.header-layout-type-header-2rows-floating-header-style4 .header-nav { margin-top: 20px; } header#header.header-layout-type-header-2rows-floating-header-style4 .header-top + .header-nav { margin-top: 0; } } header#header.header-layout-type-header-2rows-floating-header-style4 .header-nav { background: rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); } header#header.header-layout-type-header-2rows-floating-header-style4 .menuzord-menu { float: right; } header#header.header-layout-type-header-2rows-floating-header-style4 .menuzord-menu > li > a { font-weight: 500; letter-spacing: 0px; } header#header.header-layout-type-header-2rows-floating-header-style4 .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-container { background-color: transparent; box-shadow: none; } header#header.header-layout-type-header-2rows-floating-header-style4 .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-style4 .nav-side-icon-list > li { margin-top: 0; } } header#header.header-layout-type-header-2rows-floating-header-style4.header-bg-dark-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style4.header-bg-dark-shadow { background-color: #333; padding-bottom: 0; } } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style4.header-bg-dark-shadow .header-top { background-color: #2c2c2c; } } header#header.header-layout-type-header-2rows-floating-header-style4.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-menu > li > a { color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style4.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord .showhide em { background: #fff; } header#header.header-layout-type-header-2rows-floating-header-style4.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li a i { color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style4.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner, header#header.header-layout-type-header-2rows-floating-header-style4.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:after, header#header.header-layout-type-header-2rows-floating-header-style4.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:before { background-color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style4.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .mini-cart-icon .items-count { background-color: #fff; color: #333; } header#header.header-layout-type-header-2rows-floating-header-style4.header-bg-light-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.7), rgba(250, 250, 250, 0.45), rgba(250, 250, 250, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style4.header-bg-light-shadow { padding-bottom: 0; } } header#header.header-layout-type-header-2rows-floating-header-style4.header-bg-light-shadow .header-top { color: #333; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style4.header-bg-light-shadow .header-top { background-color: #eee; } } header#header.header-layout-type-header-2rows-floating-header-style4.header-bg-light-shadow .header-top a { color: #333; } header#header.header-layout-type-header-2rows-floating-header-style5 { position: absolute; left: 0; right: 0; top: 0; z-index: 1011; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style5 { position: relative; } } header#header.header-layout-type-header-2rows-floating-header-style5 .header-top { background: rgba(255, 255, 255, 0.1); } header#header.header-layout-type-header-2rows-floating-header-style5 .header-middle { background: rgba(255, 255, 255, 0.1); } @media (min-width: 992px) { header#header.header-layout-type-header-2rows-floating-header-style5 .header-middle { padding: 10px 0; } } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-style5 .header-middle { padding: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows-floating-header-style5 .header-middle { padding-bottom: 20px; } } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-style5 .header-middle .header-mid-left { border-right: 1px solid rgba(255, 255, 255, 0.1); } } header#header.header-layout-type-header-2rows-floating-header-style5 .header-middle .menuzord-brand { margin: 30px 30px 30px 0; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style5 .header-middle .menuzord-brand { margin-top: 10px; } } header#header.header-layout-type-header-2rows-floating-header-style5 .header-middle .contact-info .title { font-size: 1rem; } header#header.header-layout-type-header-2rows-floating-header-style5 .header-middle .contact-info .subtitle { font-size: 0.875rem; } header#header.header-layout-type-header-2rows-floating-header-style5 .header-middle .contact-info .subtitle a { font-size: 0.875rem; } @media (min-width: 768px) { header#header.header-layout-type-header-2rows-floating-header-style5 .header-top + .header-nav { margin-top: 0; } } header#header.header-layout-type-header-2rows-floating-header-style5 .header-nav { background: rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); } header#header.header-layout-type-header-2rows-floating-header-style5 .menuzord-menu { float: right; } header#header.header-layout-type-header-2rows-floating-header-style5 .menuzord-menu > li { padding: 15px 0; } header#header.header-layout-type-header-2rows-floating-header-style5 .menuzord-menu > li > a { font-weight: 500; letter-spacing: 0px; } header#header.header-layout-type-header-2rows-floating-header-style5 .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-container { background-color: transparent; box-shadow: none; } header#header.header-layout-type-header-2rows-floating-header-style5 .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-style5 .nav-side-icon-list > li { margin-top: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows-floating-header-style5 .menuzord-brand { display: inline-block; float: none; margin-bottom: 30px; margin-top: 0; max-width: none; } header#header.header-layout-type-header-2rows-floating-header-style5 .menuzord-menu > li { padding: 0; } } header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow { background-color: #333; padding-bottom: 0; } } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow .header-middle { background-color: #2c2c2c; } } header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow .header-middle .element, header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow .header-middle a, header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow .header-middle h1, header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow .header-middle h2, header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow .header-middle h3, header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow .header-middle h4, header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow .header-middle h5, header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow .header-middle h6 { color: #fff !important; } header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-menu > li > a { color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord .showhide em { background: #fff; } header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li a i { color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner, header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:after, header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:before { background-color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .mini-cart-icon .items-count { background-color: #fff; color: #333; } header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-light-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.7), rgba(250, 250, 250, 0.45), rgba(250, 250, 250, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-light-shadow { padding-bottom: 0; } } header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-light-shadow .header-top { color: #333; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-light-shadow .header-top { background-color: #eee; } } header#header.header-layout-type-header-2rows-floating-header-style5.header-bg-light-shadow .header-top a { color: #333; } header#header.header-layout-type-header-2rows-floating-header-style6 { position: absolute; left: 0; right: 0; top: 0; z-index: 1011; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style6 { position: relative; } } header#header.header-layout-type-header-2rows-floating-header-style6 .header-top { background: rgba(255, 255, 255, 0.1); } header#header.header-layout-type-header-2rows-floating-header-style6 .header-middle { background: rgba(21, 21, 21, 0.6); } @media (min-width: 992px) { header#header.header-layout-type-header-2rows-floating-header-style6 .header-middle { padding: 10px 0; } } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-style6 .header-middle { padding: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows-floating-header-style6 .header-middle { padding-bottom: 20px; } } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-style6 .header-middle .header-mid-left { border-right: 1px solid rgba(255, 255, 255, 0.1); } } header#header.header-layout-type-header-2rows-floating-header-style6 .header-middle .menuzord-brand { margin: 30px 30px 30px 0; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style6 .header-middle .menuzord-brand { margin-top: 10px; } } header#header.header-layout-type-header-2rows-floating-header-style6 .header-middle .contact-info .title { font-size: 1rem; } header#header.header-layout-type-header-2rows-floating-header-style6 .header-middle .contact-info .subtitle { font-size: 0.875rem; } header#header.header-layout-type-header-2rows-floating-header-style6 .header-middle .contact-info .subtitle a { font-size: 0.875rem; } @media (min-width: 768px) { header#header.header-layout-type-header-2rows-floating-header-style6 .header-top + .header-nav { margin-top: 0; } } header#header.header-layout-type-header-2rows-floating-header-style6 .header-nav { background: rgba(21, 21, 21, 0.6); border-top: 1px solid rgba(255, 255, 255, 0.1); } header#header.header-layout-type-header-2rows-floating-header-style6 .menuzord-menu { float: right; } header#header.header-layout-type-header-2rows-floating-header-style6 .menuzord-menu > li { padding: 15px 0; } header#header.header-layout-type-header-2rows-floating-header-style6 .menuzord-menu > li > a { font-weight: 500; letter-spacing: 0px; } header#header.header-layout-type-header-2rows-floating-header-style6 .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-container { background-color: transparent; box-shadow: none; } header#header.header-layout-type-header-2rows-floating-header-style6 .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-style6 .nav-side-icon-list > li { margin-top: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows-floating-header-style6 .menuzord-brand { display: inline-block; float: none; margin-bottom: 30px; margin-top: 0; max-width: none; } header#header.header-layout-type-header-2rows-floating-header-style6 .menuzord-menu > li { padding: 0; } } header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow { background-color: #333; padding-bottom: 0; } } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow .header-middle { background-color: #2c2c2c; } } header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow .header-middle .element, header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow .header-middle a, header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow .header-middle h1, header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow .header-middle h2, header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow .header-middle h3, header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow .header-middle h4, header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow .header-middle h5, header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow .header-middle h6 { color: #fff !important; } header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-menu > li > a { color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord .showhide em { background: #fff; } header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li a i { color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner, header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:after, header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:before { background-color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .mini-cart-icon .items-count { background-color: #fff; color: #333; } header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-light-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.7), rgba(250, 250, 250, 0.45), rgba(250, 250, 250, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-light-shadow { padding-bottom: 0; } } header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-light-shadow .header-top { color: #333; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-light-shadow .header-top { background-color: #eee; } } header#header.header-layout-type-header-2rows-floating-header-style6.header-bg-light-shadow .header-top a { color: #333; } header#header.header-layout-type-header-2rows-floating-header-style7 { position: absolute; left: 0; right: 0; top: 0; z-index: 1011; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style7 { position: relative; } } @media (min-width: 992px) { header#header.header-layout-type-header-2rows-floating-header-style7 .header-middle { padding: 10px 0; } } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-style7 .header-middle { padding: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows-floating-header-style7 .header-middle { padding-bottom: 20px; } } header#header.header-layout-type-header-2rows-floating-header-style7 .header-middle .menuzord-brand { margin: 30px 30px 30px 0; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style7 .header-middle .menuzord-brand { margin-top: 10px; } } header#header.header-layout-type-header-2rows-floating-header-style7 .header-middle .contact-info .title { font-size: 1rem; } header#header.header-layout-type-header-2rows-floating-header-style7 .header-middle .contact-info .subtitle { font-size: 0.875rem; } header#header.header-layout-type-header-2rows-floating-header-style7 .header-middle .contact-info .subtitle a { font-size: 0.875rem; } @media (min-width: 768px) { header#header.header-layout-type-header-2rows-floating-header-style7 .header-top + .header-nav { margin-top: 0; } } @media (min-width: 992px) { header#header.header-layout-type-header-2rows-floating-header-style7 .header-nav .header-nav-wrapper .menuzord-container .container { background: rgba(21, 21, 21, 0.6); border-radius: 5px; } } header#header.header-layout-type-header-2rows-floating-header-style7 .header-nav .header-nav-wrapper.scroll-to-fixed-fixed .menuzord-container .container { background: none; } header#header.header-layout-type-header-2rows-floating-header-style7 .menuzord-menu { float: right; } header#header.header-layout-type-header-2rows-floating-header-style7 .menuzord-menu > li { padding: 15px 0; } header#header.header-layout-type-header-2rows-floating-header-style7 .menuzord-menu > li > a { font-weight: 500; letter-spacing: 0px; } header#header.header-layout-type-header-2rows-floating-header-style7 .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-container { background-color: transparent; box-shadow: none; } header#header.header-layout-type-header-2rows-floating-header-style7 .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-style7 .nav-side-icon-list > li { margin-top: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows-floating-header-style7 .menuzord-brand { display: inline-block; float: none; margin-bottom: 30px; margin-top: 0; max-width: none; } header#header.header-layout-type-header-2rows-floating-header-style7 .menuzord-menu > li { padding: 0; } } header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow { background-color: transparent; padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow { background-color: #333; padding-bottom: 0; } } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow .header-middle { background-color: #2c2c2c; } } header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow .header-middle .element, header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow .header-middle a, header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow .header-middle h1, header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow .header-middle h2, header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow .header-middle h3, header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow .header-middle h4, header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow .header-middle h5, header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow .header-middle h6 { color: #fff !important; } header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-menu > li > a { color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord .showhide em { background: #fff; } header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li a i { color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner, header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:after, header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:before { background-color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .mini-cart-icon .items-count { background-color: #fff; color: #333; } header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-light-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.7), rgba(250, 250, 250, 0.45), rgba(250, 250, 250, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-light-shadow { padding-bottom: 0; } } header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-light-shadow .header-top { color: #333; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-light-shadow .header-top { background-color: #eee; } } header#header.header-layout-type-header-2rows-floating-header-style7.header-bg-light-shadow .header-top a { color: #333; } header#header.header-layout-type-header-2rows-floating-header-style8 { position: absolute; left: 0; right: 0; top: 0; z-index: 1011; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style8 { position: relative; } } @media (min-width: 992px) { header#header.header-layout-type-header-2rows-floating-header-style8 .header-middle { padding: 10px 0; } } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-style8 .header-middle { padding: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows-floating-header-style8 .header-middle { padding-bottom: 20px; } } header#header.header-layout-type-header-2rows-floating-header-style8 .header-middle .menuzord-brand { margin: 30px 30px 30px 0; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style8 .header-middle .menuzord-brand { margin-top: 10px; } } header#header.header-layout-type-header-2rows-floating-header-style8 .header-middle .contact-info .title { font-size: 1rem; } header#header.header-layout-type-header-2rows-floating-header-style8 .header-middle .contact-info .subtitle { font-size: 0.875rem; } header#header.header-layout-type-header-2rows-floating-header-style8 .header-middle .contact-info .subtitle a { font-size: 0.875rem; } @media (min-width: 768px) { header#header.header-layout-type-header-2rows-floating-header-style8 .header-top + .header-nav { margin-top: 0; } } header#header.header-layout-type-header-2rows-floating-header-style8 .header-nav .header-nav-wrapper .menuzord-container .container { background: #fff; } @media (min-width: 992px) { header#header.header-layout-type-header-2rows-floating-header-style8 .header-nav .header-nav-wrapper .menuzord-container .container { border-radius: 5px; } } header#header.header-layout-type-header-2rows-floating-header-style8 .header-nav .header-nav-wrapper.scroll-to-fixed-fixed .menuzord-container .container { background: none; } header#header.header-layout-type-header-2rows-floating-header-style8 .menuzord-menu { float: right; } header#header.header-layout-type-header-2rows-floating-header-style8 .menuzord-menu > li { padding: 15px 0; } header#header.header-layout-type-header-2rows-floating-header-style8 .menuzord-menu > li > a { font-weight: 500; letter-spacing: 0px; } header#header.header-layout-type-header-2rows-floating-header-style8 .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-container { background-color: transparent; box-shadow: none; } header#header.header-layout-type-header-2rows-floating-header-style8 .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-style8 .nav-side-icon-list > li { margin-top: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows-floating-header-style8 .menuzord-brand { display: inline-block; float: none; margin-bottom: 30px; margin-top: 0; max-width: none; } header#header.header-layout-type-header-2rows-floating-header-style8 .menuzord-menu > li { padding: 0; } } header#header.header-layout-type-header-2rows-floating-header-style8.header-bg-dark-shadow { background-color: transparent; padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style8.header-bg-dark-shadow { background-color: #333; padding-bottom: 0; } } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style8.header-bg-dark-shadow .header-middle { background-color: #2c2c2c; } } header#header.header-layout-type-header-2rows-floating-header-style8.header-bg-dark-shadow .header-middle .element, header#header.header-layout-type-header-2rows-floating-header-style8.header-bg-dark-shadow .header-middle a, header#header.header-layout-type-header-2rows-floating-header-style8.header-bg-dark-shadow .header-middle h1, header#header.header-layout-type-header-2rows-floating-header-style8.header-bg-dark-shadow .header-middle h2, header#header.header-layout-type-header-2rows-floating-header-style8.header-bg-dark-shadow .header-middle h3, header#header.header-layout-type-header-2rows-floating-header-style8.header-bg-dark-shadow .header-middle h4, header#header.header-layout-type-header-2rows-floating-header-style8.header-bg-dark-shadow .header-middle h5, header#header.header-layout-type-header-2rows-floating-header-style8.header-bg-dark-shadow .header-middle h6 { color: #fff !important; } header#header.header-layout-type-header-2rows-floating-header-style8.header-bg-light-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.7), rgba(250, 250, 250, 0.45), rgba(250, 250, 250, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style8.header-bg-light-shadow { padding-bottom: 0; } } header#header.header-layout-type-header-2rows-floating-header-style8.header-bg-light-shadow .header-top { color: #333; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style8.header-bg-light-shadow .header-top { background-color: #eee; } } header#header.header-layout-type-header-2rows-floating-header-style8.header-bg-light-shadow .header-top a { color: #333; } header#header.header-layout-type-header-2rows-floating-header-style9 { position: absolute; left: 0; right: 0; top: 0; z-index: 1011; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style9 { position: relative; } } @media (min-width: 992px) { header#header.header-layout-type-header-2rows-floating-header-style9 .header-middle { padding: 10px 0; } } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-style9 .header-middle { padding: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows-floating-header-style9 .header-middle { padding-bottom: 20px; } } header#header.header-layout-type-header-2rows-floating-header-style9 .header-middle .menuzord-brand { margin: 30px 30px 30px 0; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style9 .header-middle .menuzord-brand { margin-top: 10px; } } header#header.header-layout-type-header-2rows-floating-header-style9 .header-middle .contact-info .title { font-size: 1rem; } header#header.header-layout-type-header-2rows-floating-header-style9 .header-middle .contact-info .subtitle { font-size: 0.875rem; } header#header.header-layout-type-header-2rows-floating-header-style9 .header-middle .contact-info .subtitle a { font-size: 0.875rem; } @media (min-width: 768px) { header#header.header-layout-type-header-2rows-floating-header-style9 .header-top + .header-nav { margin-top: 0; } } @media (min-width: 992px) { header#header.header-layout-type-header-2rows-floating-header-style9 .header-nav .header-nav-wrapper .menuzord-container .container { background: #fff; border-radius: 5px; } } header#header.header-layout-type-header-2rows-floating-header-style9 .header-nav .header-nav-wrapper.scroll-to-fixed-fixed .menuzord-container .container { background: none; } header#header.header-layout-type-header-2rows-floating-header-style9 .menuzord-menu { float: right; } header#header.header-layout-type-header-2rows-floating-header-style9 .menuzord-menu > li { padding: 15px 0; } header#header.header-layout-type-header-2rows-floating-header-style9 .menuzord-menu > li > a { font-weight: 500; letter-spacing: 0px; } header#header.header-layout-type-header-2rows-floating-header-style9 .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-container { background-color: transparent; box-shadow: none; } header#header.header-layout-type-header-2rows-floating-header-style9 .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-style9 .nav-side-icon-list > li { margin-top: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows-floating-header-style9 .menuzord-brand { display: inline-block; float: none; margin-bottom: 30px; margin-top: 0; max-width: none; } header#header.header-layout-type-header-2rows-floating-header-style9 .menuzord-menu > li { padding: 0; } } header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow { background-color: transparent; padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow { background-color: #333; padding-bottom: 0; } } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow .header-middle { background-color: #2c2c2c; } } header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow .header-middle .element, header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow .header-middle a, header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow .header-middle h1, header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow .header-middle h2, header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow .header-middle h3, header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow .header-middle h4, header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow .header-middle h5, header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow .header-middle h6 { color: #fff !important; } header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-menu > li > a { color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord .showhide em { background: #fff; } header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li a i { color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner, header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:after, header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list li .hamburger-box .hamburger-inner:before { background-color: #fff; } header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-dark-shadow .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .nav-side-icon-list .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .mini-cart-icon .items-count { background-color: #fff; color: #333; } header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-light-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.7), rgba(250, 250, 250, 0.45), rgba(250, 250, 250, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-light-shadow { padding-bottom: 0; } } header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-light-shadow .header-top { color: #333; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-light-shadow .header-top { background-color: #eee; } } header#header.header-layout-type-header-2rows-floating-header-style9.header-bg-light-shadow .header-top a { color: #333; } header#header.header-layout-type-header-2rows-floating-header-white { position: absolute; left: 0; right: 0; top: 0; z-index: 1011; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-white { position: relative; } } header#header.header-layout-type-header-2rows-floating-header-white .header-top { background: transparent; } header#header.header-layout-type-header-2rows-floating-header-white .header-nav { background: transparent; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { header#header.header-layout-type-header-2rows-floating-header-white .header-nav { margin-top: 0; } header#header.header-layout-type-header-2rows-floating-header-white .header-top + .header-nav { margin-top: 0; } } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-white .header-nav .navbar-scrolltofixed.scroll-to-fixed-fixed #top-primary-nav .menuzord-menu > li.active > a, header#header.header-layout-type-header-2rows-floating-header-white .header-nav .navbar-scrolltofixed.scroll-to-fixed-fixed #top-primary-nav .menuzord-menu > li:hover > a, header#header.header-layout-type-header-2rows-floating-header-white .header-nav .navbar-scrolltofixed.scroll-to-fixed-fixed #top-primary-nav-clone .menuzord-menu > li.active > a, header#header.header-layout-type-header-2rows-floating-header-white .header-nav .navbar-scrolltofixed.scroll-to-fixed-fixed #top-primary-nav-clone .menuzord-menu > li:hover > a { color: #fff; } } header#header.header-layout-type-header-2rows-floating-header-white .menuzord-menu { float: right; } header#header.header-layout-type-header-2rows-floating-header-white .menuzord-menu > li { padding: 25px 0 !important; } header#header.header-layout-type-header-2rows-floating-header-white .menuzord-menu > li > a { font-weight: 500; letter-spacing: 0px; } header#header.header-layout-type-header-2rows-floating-header-white .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-container { background-color: transparent; box-shadow: none; } header#header.header-layout-type-header-2rows-floating-header-white .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-white .nav-side-icon-list > li { margin-top: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows-floating-header-white .menuzord-menu > li { padding: 0 !important; } } header#header.header-layout-type-header-2rows-floating-header-white.header-bg-light-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.7), rgba(250, 250, 250, 0.45), rgba(250, 250, 250, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-white.header-bg-light-shadow { padding-bottom: 0; } } header#header.header-layout-type-header-2rows-floating-header-white.header-bg-light-shadow .header-top { color: #333; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-white.header-bg-light-shadow .header-top { background-color: #eee; } } header#header.header-layout-type-header-2rows-floating-header-white.header-bg-light-shadow .header-top a { color: #333; } header#header.header-layout-type-header-2rows-floating-header-white-style1 { position: absolute; left: 0; right: 0; top: 0; z-index: 1011; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-white-style1 { position: relative; } } header#header.header-layout-type-header-2rows-floating-header-white-style1 .header-top { background: rgba(255, 255, 255, 0.6); } header#header.header-layout-type-header-2rows-floating-header-white-style1 .header-nav { background: rgba(255, 255, 255, 0.6); border-top: 1px solid rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { header#header.header-layout-type-header-2rows-floating-header-white-style1 .header-nav { margin-top: 20px; } header#header.header-layout-type-header-2rows-floating-header-white-style1 .header-top + .header-nav { margin-top: 0; } } header#header.header-layout-type-header-2rows-floating-header-white-style1 .menuzord-menu { float: right; } header#header.header-layout-type-header-2rows-floating-header-white-style1 .menuzord-menu > li { padding: 25px 0 !important; } header#header.header-layout-type-header-2rows-floating-header-white-style1 .menuzord-menu > li > a { font-weight: 500; letter-spacing: 0px; } header#header.header-layout-type-header-2rows-floating-header-white-style1 .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-container { background-color: transparent; box-shadow: none; } header#header.header-layout-type-header-2rows-floating-header-white-style1 .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-white-style1 .nav-side-icon-list > li { margin-top: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows-floating-header-white-style1 .menuzord-menu > li { padding: 0 !important; } } header#header.header-layout-type-header-2rows-floating-header-white-style1.header-bg-light-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.7), rgba(250, 250, 250, 0.45), rgba(250, 250, 250, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-white-style1.header-bg-light-shadow { padding-bottom: 0; } } header#header.header-layout-type-header-2rows-floating-header-white-style1.header-bg-light-shadow .header-top { color: #333; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-white-style1.header-bg-light-shadow .header-top { background-color: #eee; } } header#header.header-layout-type-header-2rows-floating-header-white-style1.header-bg-light-shadow .header-top a { color: #333; } header#header.header-layout-type-header-2rows-floating-header-white-style2 { position: absolute; left: 0; right: 0; top: 0; z-index: 1011; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-white-style2 { position: relative; } } header#header.header-layout-type-header-2rows-floating-header-white-style2 .header-top { background: rgba(255, 255, 255, 0.95); } @media (min-width: 768px) { header#header.header-layout-type-header-2rows-floating-header-white-style2 .header-nav { margin-top: 20px; } header#header.header-layout-type-header-2rows-floating-header-white-style2 .header-top + .header-nav { margin-top: 0; } } header#header.header-layout-type-header-2rows-floating-header-white-style2 .header-nav { background: rgba(255, 255, 255, 0.95); border-top: 1px solid rgba(0, 0, 0, 0.1); } header#header.header-layout-type-header-2rows-floating-header-white-style2 .menuzord-menu { float: right; } header#header.header-layout-type-header-2rows-floating-header-white-style2 .menuzord-menu > li { padding: 25px 0 !important; } header#header.header-layout-type-header-2rows-floating-header-white-style2 .menuzord-menu > li > a { font-weight: 500; letter-spacing: 0px; } header#header.header-layout-type-header-2rows-floating-header-white-style2 .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-container { background-color: transparent; box-shadow: none; } header#header.header-layout-type-header-2rows-floating-header-white-style2 .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-white-style2 .nav-side-icon-list > li { margin-top: 0; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-2rows-floating-header-white-style2 .menuzord-menu > li { padding: 0 !important; } } header#header.header-layout-type-header-2rows-floating-header-white-style2.header-bg-light-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.7), rgba(250, 250, 250, 0.45), rgba(250, 250, 250, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-white-style2.header-bg-light-shadow { padding-bottom: 0; } } header#header.header-layout-type-header-2rows-floating-header-white-style2.header-bg-light-shadow .header-top { color: #333; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-white-style2.header-bg-light-shadow .header-top { background-color: #eee; } } header#header.header-layout-type-header-2rows-floating-header-white-style2.header-bg-light-shadow .header-top a { color: #333; } header#header.header-layout-type-header-2rows-floating-header-white-style3 { position: absolute; left: 0; right: 0; top: 0; z-index: 1011; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-white-style3 { position: relative; } } header#header.header-layout-type-header-2rows-floating-header-white-style3 .header-top { background: rgba(255, 255, 255, 0.9); } header#header.header-layout-type-header-2rows-floating-header-white-style3 .header-top .container > .row > div { border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { header#header.header-layout-type-header-2rows-floating-header-white-style3 .header-nav { margin-top: 20px; } header#header.header-layout-type-header-2rows-floating-header-white-style3 .header-top + .header-nav { margin-top: 0; } } header#header.header-layout-type-header-2rows-floating-header-white-style3 .header-nav { background: rgba(255, 255, 255, 0.9); border-top: 1px solid rgba(0, 0, 0, 0.1); } header#header.header-layout-type-header-2rows-floating-header-white-style3 .menuzord-menu { float: right; } header#header.header-layout-type-header-2rows-floating-header-white-style3 .menuzord-menu > li > a { font-weight: 500; letter-spacing: 0px; } header#header.header-layout-type-header-2rows-floating-header-white-style3 .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-container { background-color: transparent; box-shadow: none; } header#header.header-layout-type-header-2rows-floating-header-white-style3 .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-white-style3 .nav-side-icon-list > li { margin-top: 0; } } header#header.header-layout-type-header-2rows-floating-header-white-style3.header-bg-light-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.7), rgba(250, 250, 250, 0.45), rgba(250, 250, 250, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-white-style3.header-bg-light-shadow { padding-bottom: 0; } } header#header.header-layout-type-header-2rows-floating-header-white-style3.header-bg-light-shadow .header-top { color: #333; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-white-style3.header-bg-light-shadow .header-top { background-color: #eee; } } header#header.header-layout-type-header-2rows-floating-header-white-style3.header-bg-light-shadow .header-top a { color: #333; } header#header.header-layout-type-header-2rows-floating-header-white-style4 { position: absolute; left: 0; right: 0; top: 0; z-index: 1011; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-white-style4 { position: relative; } } @media (min-width: 768px) { header#header.header-layout-type-header-2rows-floating-header-white-style4 .header-nav { margin-top: 20px; } header#header.header-layout-type-header-2rows-floating-header-white-style4 .header-top + .header-nav { margin-top: 0; } } header#header.header-layout-type-header-2rows-floating-header-white-style4 .header-nav { background: rgba(255, 255, 255, 0.9); border-top: 1px solid rgba(0, 0, 0, 0.1); } header#header.header-layout-type-header-2rows-floating-header-white-style4 .menuzord-menu { float: right; } header#header.header-layout-type-header-2rows-floating-header-white-style4 .menuzord-menu > li > a { font-weight: 500; letter-spacing: 0px; } header#header.header-layout-type-header-2rows-floating-header-white-style4 .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-container { background-color: transparent; box-shadow: none; } header#header.header-layout-type-header-2rows-floating-header-white-style4 .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-2rows-floating-header-white-style4 .nav-side-icon-list > li { margin-top: 0; } } header#header.header-layout-type-header-2rows-floating-header-white-style4.header-bg-light-shadow { background-color: transparent; background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.7), rgba(250, 250, 250, 0.45), rgba(250, 250, 250, 0.01)); padding-bottom: 30px; border-width: 0 0 1px; border-color: #f4f4f4; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-white-style4.header-bg-light-shadow { padding-bottom: 0; } } header#header.header-layout-type-header-2rows-floating-header-white-style4.header-bg-light-shadow .header-top { color: #333; } @media (max-width: 991.98px) { header#header.header-layout-type-header-2rows-floating-header-white-style4.header-bg-light-shadow .header-top { background-color: #eee; } } header#header.header-layout-type-header-2rows-floating-header-white-style4.header-bg-light-shadow .header-top a { color: #333; } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style1 .menuzord-brand { margin-top: 40px; margin-bottom: 80px; } } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style1 .menuzord-brand:before { content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 1200px; z-index: -1; } header#header.header-layout-type-header-3rows-modern-header-style1 .menuzord-brand:after { border-top: 144px solid transparent; content: ""; height: 0; position: absolute; right: -120px; top: 0; width: 0; } } header#header.header-layout-type-header-3rows-modern-header-style1 .menuzord-menu > li { padding: 20px 0; } header#header.header-layout-type-header-3rows-modern-header-style1 .menuzord .showhide { float: left; } header#header.header-layout-type-header-3rows-modern-header-style1 .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style1 .header-middle { padding: 0; } } @media (max-width: 991.98px) { header#header.header-layout-type-header-3rows-modern-header-style1 .header-middle { padding-bottom: 15px; } } header#header.header-layout-type-header-3rows-modern-header-style1 .header-middle .contact-info .title { font-size: 1rem; } header#header.header-layout-type-header-3rows-modern-header-style1 .header-middle .contact-info .subtitle { font-size: 0.875rem; } header#header.header-layout-type-header-3rows-modern-header-style1 .header-middle .contact-info .subtitle a { font-size: 0.875rem; } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style1 .header-mid-column3-container { margin-bottom: 40px; } } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style1 .header-nav-wrapper .header-nav-container-inner { position: absolute; top: -44px; left: 0; z-index: 1011; padding: 0 15px 0 15px; border: 1px solid #eee; width: 100%; background: #fff; border-radius: 5px; box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); } } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style1 .header-nav-wrapper.scroll-to-fixed-fixed .header-nav-container-inner { position: relative; top: 0; border: none; box-shadow: none; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-3rows-modern-header-style1 .menuzord-brand { display: inline-block; float: none; margin-bottom: 30px; margin-top: 0; max-width: none; } header#header.header-layout-type-header-3rows-modern-header-style1 .menuzord-menu > li { padding: 0; } header#header.header-layout-type-header-3rows-modern-header-style1 .header-middle .menuzord-brand { display: none; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-3rows-modern-header-style1 .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .dropdown-content { left: 0; right: auto; } } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style1 .header-nav .menuzord-brand-parent { display: none; } } header#header.header-layout-type-header-3rows-modern-header-style1 .header-nav .nav-side-icon-parent { margin-left: auto; } @media (max-width: 1199.98px) { header#header.header-layout-type-header-3rows-modern-header-style1 .header-nav .menuzord-brand-parent { display: block; } header#header.header-layout-type-header-3rows-modern-header-style1 .header-nav .menuzord-brand-parent .menuzord-brand { margin-top: 20px; margin-bottom: 20px; } header#header.header-layout-type-header-3rows-modern-header-style1 .header-nav .top-nav-parent { margin-left: auto; } header#header.header-layout-type-header-3rows-modern-header-style1 .header-nav .nav-side-icon-parent { margin-left: 0; } } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style2 .menuzord-brand { margin-top: 40px; margin-bottom: 80px; } } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style2 .menuzord-brand:before { background-color: #F6F3ED; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 1200px; z-index: -1; } header#header.header-layout-type-header-3rows-modern-header-style2 .menuzord-brand:after { border-left: 0 solid #F6F3ED; border-right: 120px solid transparent; border-top: 144px solid #F6F3ED; content: ""; height: 0; position: absolute; right: -120px; top: 0; width: 0; } } header#header.header-layout-type-header-3rows-modern-header-style2 .menuzord-menu > li { padding: 20px 0; } header#header.header-layout-type-header-3rows-modern-header-style2 .menuzord .showhide { float: left; } header#header.header-layout-type-header-3rows-modern-header-style2 .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style2 .header-middle { padding: 0; } } @media (max-width: 991.98px) { header#header.header-layout-type-header-3rows-modern-header-style2 .header-middle { padding-bottom: 15px; } } header#header.header-layout-type-header-3rows-modern-header-style2 .header-middle .contact-info .title { font-size: 1rem; } header#header.header-layout-type-header-3rows-modern-header-style2 .header-middle .contact-info .subtitle { font-size: 0.875rem; } header#header.header-layout-type-header-3rows-modern-header-style2 .header-middle .contact-info .subtitle a { font-size: 0.875rem; } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style2 .header-mid-column3-container { margin-bottom: 40px; } } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style2 .header-nav-wrapper .header-nav-container-inner { position: absolute; top: -44px; left: 0; z-index: 1011; padding: 0 15px 0 15px; width: 100%; background: #fff; border-radius: 5px; box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); } } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style2 .header-nav-wrapper.scroll-to-fixed-fixed .header-nav-container-inner { position: relative; top: 0; border: none; box-shadow: none; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-3rows-modern-header-style2 .menuzord-brand { display: inline-block; float: none; margin-bottom: 30px; margin-top: 0; max-width: none; } header#header.header-layout-type-header-3rows-modern-header-style2 .menuzord-menu > li { padding: 0; } header#header.header-layout-type-header-3rows-modern-header-style2 .header-middle .menuzord-brand { display: none; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-3rows-modern-header-style2 .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .dropdown-content { left: 0; right: auto; } } header#header.header-layout-type-header-3rows-modern-header-style2 .header-nav .navbar-scrolltofixed .menuzord-menu > li > a { color: #fff; } header#header.header-layout-type-header-3rows-modern-header-style2 .header-nav .navbar-scrolltofixed .menuzord .showhide em { background: #fff; } header#header.header-layout-type-header-3rows-modern-header-style2 .header-nav .navbar-scrolltofixed .nav-side-icon-list li a i { color: #fff; } header#header.header-layout-type-header-3rows-modern-header-style2 .header-nav .navbar-scrolltofixed .nav-side-icon-list li .hamburger-box .hamburger-inner, header#header.header-layout-type-header-3rows-modern-header-style2 .header-nav .navbar-scrolltofixed .nav-side-icon-list li .hamburger-box .hamburger-inner:after, header#header.header-layout-type-header-3rows-modern-header-style2 .header-nav .navbar-scrolltofixed .nav-side-icon-list li .hamburger-box .hamburger-inner:before { background-color: #fff; } header#header.header-layout-type-header-3rows-modern-header-style2 .header-nav .navbar-scrolltofixed .nav-side-icon-list .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .mini-cart-icon .items-count { background-color: #fff; color: #333; } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style2 .header-nav .menuzord-brand-parent { display: none; } } header#header.header-layout-type-header-3rows-modern-header-style2 .header-nav .nav-side-icon-parent { margin-left: auto; } @media (max-width: 1199.98px) { header#header.header-layout-type-header-3rows-modern-header-style2 .header-nav .menuzord-brand-parent { display: block; } header#header.header-layout-type-header-3rows-modern-header-style2 .header-nav .menuzord-brand-parent .menuzord-brand { margin-top: 20px; margin-bottom: 20px; } header#header.header-layout-type-header-3rows-modern-header-style2 .header-nav .top-nav-parent { margin-left: auto; } header#header.header-layout-type-header-3rows-modern-header-style2 .header-nav .nav-side-icon-parent { margin-left: 0; } } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style3 .menuzord-brand { margin-top: 40px; margin-bottom: 80px; } } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style3 .menuzord-brand:before { background-color: #F6F3ED; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 1200px; z-index: -1; } header#header.header-layout-type-header-3rows-modern-header-style3 .menuzord-brand:after { border-left: 0 solid #F6F3ED; border-right: 120px solid transparent; border-top: 144px solid #F6F3ED; content: ""; height: 0; position: absolute; right: -120px; top: 0; width: 0; } } header#header.header-layout-type-header-3rows-modern-header-style3 .menuzord-menu > li { padding: 20px 0; } header#header.header-layout-type-header-3rows-modern-header-style3 .menuzord .showhide { float: left; } header#header.header-layout-type-header-3rows-modern-header-style3 .nav-side-icon-list { float: right; } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style3 .header-middle { padding: 0; } } @media (max-width: 991.98px) { header#header.header-layout-type-header-3rows-modern-header-style3 .header-middle { padding-bottom: 15px; } } header#header.header-layout-type-header-3rows-modern-header-style3 .header-middle .contact-info .title { font-size: 1rem; } header#header.header-layout-type-header-3rows-modern-header-style3 .header-middle .contact-info .subtitle { font-size: 0.875rem; } header#header.header-layout-type-header-3rows-modern-header-style3 .header-middle .contact-info .subtitle a { font-size: 0.875rem; } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style3 .header-mid-column3-container { margin-bottom: 40px; } } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style3 .header-nav-wrapper .header-nav-container-inner { position: absolute; top: -44px; left: 0; z-index: 1011; padding: 0 15px 0 15px; width: 100%; background: #fff; border-radius: 5px; box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); } } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style3 .header-nav-wrapper.scroll-to-fixed-fixed .header-nav-container-inner { position: relative; top: 0; border: none; box-shadow: none; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-3rows-modern-header-style3 .menuzord-brand { display: inline-block; float: none; margin-bottom: 30px; margin-top: 0; max-width: none; } header#header.header-layout-type-header-3rows-modern-header-style3 .menuzord-menu > li { padding: 0; } header#header.header-layout-type-header-3rows-modern-header-style3 .header-middle .menuzord-brand { display: none; } } @media (max-width: 1199.98px) { header#header.header-layout-type-header-3rows-modern-header-style3 .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .dropdown-content { left: 0; right: auto; } } @media (min-width: 1200px) { header#header.header-layout-type-header-3rows-modern-header-style3 .header-nav .menuzord-brand-parent { display: none; } } header#header.header-layout-type-header-3rows-modern-header-style3 .header-nav .nav-side-icon-parent { margin-left: auto; } @media (max-width: 1199.98px) { header#header.header-layout-type-header-3rows-modern-header-style3 .header-nav .menuzord-brand-parent { display: block; } header#header.header-layout-type-header-3rows-modern-header-style3 .header-nav .menuzord-brand-parent .menuzord-brand { margin-top: 20px; margin-bottom: 20px; } header#header.header-layout-type-header-3rows-modern-header-style3 .header-nav .top-nav-parent { margin-left: auto; } header#header.header-layout-type-header-3rows-modern-header-style3 .header-nav .nav-side-icon-parent { margin-left: 0; } } header#header.header-layout-type-header-3rows-modern-header-style3 .header-nav .navbar-scrolltofixed .menuzord-menu > li > a { color: #fff; } header#header.header-layout-type-header-3rows-modern-header-style3 .header-nav .navbar-scrolltofixed .menuzord .showhide em { background: #fff; } header#header.header-layout-type-header-3rows-modern-header-style3 .header-nav .navbar-scrolltofixed .nav-side-icon-list li a i { color: #fff; } header#header.header-layout-type-header-3rows-modern-header-style3 .header-nav .navbar-scrolltofixed .nav-side-icon-list li .hamburger-box .hamburger-inner, header#header.header-layout-type-header-3rows-modern-header-style3 .header-nav .navbar-scrolltofixed .nav-side-icon-list li .hamburger-box .hamburger-inner:after, header#header.header-layout-type-header-3rows-modern-header-style3 .header-nav .navbar-scrolltofixed .nav-side-icon-list li .hamburger-box .hamburger-inner:before { background-color: #fff; } header#header.header-layout-type-header-3rows-modern-header-style3 .header-nav .navbar-scrolltofixed .nav-side-icon-list .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .mini-cart-icon .items-count { background-color: #fff; color: #333; } header#header.header-floating-bg-dark-text-white .header-top .element:not(.styled-icons) a:not(.btn):not(.styled-icons-item):not(.wp-block-button__link):not(.wp-block-button__link):not(.dropdown-item) { color: #fff; } header#header.header-floating-bg-dark-text-white .header-top .element:not(.styled-icons) a:not(.btn):not(.styled-icons-item):not(.wp-block-button__link):not(.wp-block-button__link):not(.dropdown-item):hover { color: #e6e6e6; } header#header.header-floating-bg-dark-text-white .header-middle { color: #fff; } header#header.header-floating-bg-dark-text-white .header-middle .header-mid-column3-container .contact-info .title { color: #fff; } header#header.header-floating-bg-dark-text-white .header-middle .header-mid-column3-container .contact-info.big-icon .subtitle a { color: #fff; } header#header.header-floating-bg-dark-text-white .header-nav .header-nav-wrapper.navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .menuzord-menu > li > a { color: #fff; } header#header.header-floating-bg-dark-text-white .header-nav .header-nav-wrapper.navbar-scrolltofixed:not(.scroll-to-fixed-fixed) #top-nav-search-btn .search-icon, header#header.header-floating-bg-dark-text-white .header-nav .header-nav-wrapper.navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .mini-cart-icon { color: #fff; } header#header.header-floating-bg-dark-text-white .header-nav .header-nav-wrapper.navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .hamburger-box .hamburger-inner, header#header.header-floating-bg-dark-text-white .header-nav .header-nav-wrapper.navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .hamburger-box .hamburger-inner:after, header#header.header-floating-bg-dark-text-white .header-nav .header-nav-wrapper.navbar-scrolltofixed:not(.scroll-to-fixed-fixed) .hamburger-box .hamburger-inner:before { background-color: #fff; } header#header.header-floating-bg-white-text-dark .header-top { color: #222; } header#header.header-floating-bg-white-text-dark .header-top .element:not(.styled-icons) a:not(.btn):not(.styled-icons-item):not(.wp-block-button__link):not(.wp-block-button__link):not(.dropdown-item) { color: #222; } header#header.header-floating-bg-white-text-dark .header-top .element:not(.styled-icons) a:not(.btn):not(.styled-icons-item):not(.wp-block-button__link):not(.wp-block-button__link):not(.dropdown-item):hover { color: #000; } header#header.header-layout-type-header-logo-center .header-nav { border-top: 1px solid #eee; } header#header.header-layout-type-header-logo-center .menuzord-brand { display: inline-block; float: none; } header#header.header-layout-type-header-logo-center .menuzord-brand { margin-bottom: 0; margin-top: 0; } header#header.header-layout-type-header-logo-center .menuzord-menu > li { padding: 20px 0; } header#header.header-layout-type-header-logo-center .nav-side-icon-list { float: right; } @media (max-width: 1199.98px) { header#header.header-layout-type-header-logo-center .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .dropdown-content { left: 0; right: auto; } } header#header.header-layout-type-header-logo-menu-center .header-nav { border-top: 1px solid #eee; } header#header.header-layout-type-header-logo-menu-center .menuzord-brand { display: inline-block; float: none; } header#header.header-layout-type-header-logo-menu-center .menuzord-brand { margin-bottom: 0; margin-top: 0; } @media (min-width: 1200px) { header#header.header-layout-type-header-logo-menu-center .menuzord-menu > li { padding: 20px 0; } } header#header.header-layout-type-header-logo-menu-center .menuzord-menu { float: none; text-align: left; } @media (min-width: 1200px) { header#header.header-layout-type-header-logo-menu-center .menuzord-menu { display: inline-block !important; } } header#header.header-layout-type-header-logo-menu-center .top-nav-mini-cart-icon-container { text-align: left; } @media (max-width: 1199.98px) { header#header.header-layout-type-header-logo-menu-center .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .dropdown-content { left: 0; right: auto; } } header#header.header-layout-type-header-mobile-nav .menuzord-brand { float: none; } header#header.header-layout-type-header-vertical-nav .menuzord-brand { padding: 0 15px 0; } header#header.header-layout-type-header-vertical-nav .menuzord-menu > li > a { padding-bottom: 5px; padding-top: 5px; } header#header.header-layout-type-header-vertical-nav .menuzord-menu > li:hover > a::before { bottom: 0; } body.tm-dark-layout header#header .header-nav { border-top-color: #151515; } /* * header-other.scss * ----------------------------------------------- */ header#header .header-top .container-fluid, header#header .header-middle .container-fluid, header#header .header-nav .container-fluid { padding: 0 100px; } @media (max-width: 1199.98px) { header#header .header-top .container-fluid, header#header .header-middle .container-fluid, header#header .header-nav .container-fluid { padding: 0 20px; } } /* Top Nav Search Button & Form */ #top-nav-search-btn .search-icon { color: #888; font-size: 18px; line-height: 1; padding: 3px; } #top-nav-search-btn .search-icon:hover { color: #888; } @media (max-width: 1199.98px) { #top-nav-search-btn { margin-top: 12px; } } #top-nav-search-form { background: rgba(254, 254, 254, 0.97); display: none; height: 200px; left: 0; position: fixed; top: 0; width: 100%; z-index: 99991; } #top-nav-search-form form { margin-bottom: 0; } #top-nav-search-form input[type="text"] { background: transparent; border: medium none; border-radius: 0; box-shadow: none; color: #292929; font-size: 24px; height: 100%; left: 15px; line-height: normal; outline: medium none; padding: 0; position: absolute; text-align: center; top: 0; vertical-align: middle; width: 90%; } @media (max-width: 1199.98px) { #top-nav-search-form input[type="text"] { font-size: 18px; width: 80%; } } #top-nav-search-form #close-search-btn { color: #bbbbbb; float: right; font-size: 28px; line-height: 75px; margin: 0 15px 0 0; padding: 0; } #top-nav-search-form #close-search-btn:hover { color: #555; } @media (max-width: 1199.98px) { #top-nav-search-form #close-search-btn { line-height: 60px; } } /* * side-push-panel.scss * ----------------------------------------------- */ .side-push-panel { overflow-x: hidden; /* -------- Has Side Panel ---------- */ } .side-push-panel.fullwidth-page #wrapper { right: 0; position: relative; } .side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container { right: 0; } .side-push-panel.fullwidth-page.side-panel-left #wrapper { left: 0; right: auto; } .side-push-panel.fullwidth-page.side-panel-left header .header-nav-wrapper.scroll-to-fixed-fixed .container { left: 0; right: auto; } .side-push-panel.fullwidth-page.side-panel-open #wrapper { right: 480px; } .side-push-panel.fullwidth-page.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container { right: 480px; } .side-push-panel.fullwidth-page.side-panel-left.side-panel-open #wrapper { left: 480px; right: auto; } .side-push-panel.fullwidth-page.side-panel-left.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container { left: 480px; right: auto; } .side-push-panel.has-side-panel .menuzord .showhide { float: left; } /* -------- Body Overlay ---------- */ .has-side-panel .side-panel-body-overlay { transition: opacity 0.3s ease; background-color: rgba(0, 0, 0, 0.8); height: 100%; left: 0; opacity: 0; pointer-events: none; position: fixed; top: 0; width: 100%; z-index: -1; } @media (prefers-reduced-motion: reduce) { .has-side-panel .side-panel-body-overlay { transition: none; } } .has-side-panel.side-panel-open .side-panel-body-overlay { opacity: 1; pointer-events: auto; z-index: 1111; } .side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .side-panel-body-overlay:hover { cursor: url("../images/close.png") 15 15, default; } /* -------- Side Panel ---------- */ #side-panel-container { -webkit-backface-visibility: hidden; background-color: #fff; height: 100%; overflow: hidden; position: fixed; right: -480px; top: 0; text-align: left; width: 480px; z-index: 1112; transition: all 0.4s ease; } @media (prefers-reduced-motion: reduce) { #side-panel-container { transition: none; } } @media (max-width: 991.98px) { #side-panel-container { width: 300px; } } #side-panel-container ul { padding-left: 0; } #side-panel-container .side-panel-wrap { bottom: 0; height: 100%; left: 0; overflow: auto; padding: 50px; position: absolute; top: 0; width: 100%; } #side-panel-container .widget.widget-side-push-panel { width: 100%; } #side-panel-container .widget.widget-side-push-panel .textwidget { color: #333; } #side-panel-container .widget.widget-side-push-panel.widget-horizontal-row { margin-top: 0; margin-bottom: 0; } #side-panel-container .widget.widget-side-push-panel.widget-image-widget .thumb { margin-bottom: 20px; } .side-panel-open #side-panel-container { right: 0; } .side-panel-left #side-panel-container { left: -480px; right: auto; } .side-panel-left.side-panel-open #side-panel-container { left: 0; right: auto; } .device-touch #side-panel-container .side-panel-wrap { overflow-y: scroll; } /* -------- Side-Panel-Trigger And Close ---------- */ #side-panel-trigger { cursor: pointer; display: block; z-index: 11; } #side-panel-trigger-close { position: absolute; right: 0; top: 0; } #side-panel-trigger-close .side-panel-trigger-icon { font-size: 18px; color: #333; margin-top: 20px; margin-right: 15px; background: #eee; padding: 13px 16px 14px 16px; border-radius: 30px; transition: all 0.4s ease; } @media (prefers-reduced-motion: reduce) { #side-panel-trigger-close .side-panel-trigger-icon { transition: none; } } #side-panel-trigger-close .side-panel-trigger-icon:hover { color: #fff; background: #333; } /* -------- Transition ---------- */ .side-push-panel.fullwidth-page #wrapper, .side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container { transition: all 0.4s ease; } @media (prefers-reduced-motion: reduce) { .side-push-panel.fullwidth-page #wrapper, .side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container { transition: none; } } /* Hamburger Menu */ .hamburger-box { display: inline-block; height: 20px; position: relative; width: 40px; padding: 12px 15px; } .hamburger-box .hamburger-inner { margin-left: 3px; top: 16px; } .hamburger-box .hamburger-inner, .hamburger-box .hamburger-inner:after, .hamburger-box .hamburger-inner:before { background-color: #444; border-radius: 4px; height: 2px; position: absolute; width: 4px; transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .hamburger-box .hamburger-inner, .hamburger-box .hamburger-inner:after, .hamburger-box .hamburger-inner:before { transition: none; } } .hamburger-box .hamburger-inner:after, .hamburger-box .hamburger-inner:before { display: block; content: ""; } .hamburger-box .hamburger-inner:before { top: -8px; } .hamburger-box .hamburger-inner:after { bottom: -8px; } .hamburger-box .hamburger-inner { width: 6px; } .hamburger-box .hamburger-inner:after { width: 15px; } .hamburger-box .hamburger-inner:before { width: 15px; } .hamburger-box:hover .hamburger-inner, .hamburger-box:hover .hamburger-inner:after, .hamburger-box:hover .hamburger-inner:before { height: 2px; background-color: #333; } .hamburger-box:hover .hamburger-inner { width: 15px; } .hamburger-box:hover .hamburger-inner:after { width: 9px; } .hamburger-box:hover .hamburger-inner:before { width: 9px; } /* * menu-full-page.scss * ----------------------------------------------- */ header#header .tm-fullpage-nav-header { z-index: 99; } header#header .tm-fullpage-nav-header .tm-fullpage-nav-header-inner { position: relative; background-color: #fff; z-index: 1000; transition: all .3s ease; } header#header .tm-fullpage-nav-header .tm-fullpage-nav-header-inner .tm-fullpage-nav-header-container { padding: 30px 80px; } @media (max-width: 991.98px) { header#header .tm-fullpage-nav-header .tm-fullpage-nav-header-inner .tm-fullpage-nav-header-container { padding: 20px; } } header#header .tm-fullpage-nav-header .tm-fullpage-nav-header-inner .tm-fullpage-nav-header-container .menuzord-brand { margin: 0; } @media (max-width: 767.98px) { header#header .tm-fullpage-nav-header .tm-fullpage-nav-header-inner .tm-fullpage-nav-header-container .menuzord-brand img { max-height: 25px; } } body.menufullpage-menu-open header#header .tm-fullpage-nav-header .tm-fullpage-nav-header-inner { background-color: transparent; } body.menufullpage-menu-open.switchable-logo header#header .menuzord-brand .logo-light.logo-1x, body.menufullpage-menu-open.switchable-logo header#header .menuzord-brand .logo-light.logo-2x { display: none; } body.menufullpage-menu-open.switchable-logo header#header .menuzord-brand .logo-dark.logo-1x { display: inline-block; } /* menu-full-page plugin code */ .menu-full-page #fullpage-nav { background-color: #171717; border-radius: 100%; color: white; cursor: pointer; position: fixed; width: 300px; height: 300px; left: -120px; top: -120px; opacity: 0; z-index: 99; transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .menu-full-page #fullpage-nav { transition: none; } } .menu-full-page #fullpage-nav .fullpage-nav-inner { padding: 12% 5% 15%; } @media (max-width: 1199.98px) { .menu-full-page #fullpage-nav .fullpage-nav-inner { padding: 150px 7%; } } .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul { list-style: none; } .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li { transition: all 0.4s ease; padding: 10px 0; position: relative; opacity: 0; transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li { transition: none; } } .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li a { color: #fff; font-size: 36px; line-height: 1.5; text-decoration: none; font-weight: 700; padding: 0; position: relative; } @media (max-width: 767.98px) { .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li a { font-size: 36px; } } .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li a:hover { color: #888; } .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li a .indicator { opacity: 0.5; font-size: 28px; margin-left: 20px; vertical-align: middle; } .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li a .indicator i { display: inline-block; transition: all 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li a .indicator i { transition: none; } } .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li:hover:after a { position: absolute; content: ''; color: #fff; } .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li .dropdown, .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li .megamenu { margin: 10px 0; display: none; } .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li .dropdown li, .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li .megamenu li { padding: 0; margin: 0; } .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li .dropdown li a, .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li .megamenu li a { font-size: 19px; line-height: 1.6; font-weight: normal; color: #fff; display: block; float: none; margin: 0; overflow: hidden; padding: 5px 0; box-sizing: border-box; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li .dropdown li a:hover, .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li .megamenu li a:hover { margin-left: 10px; } .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul li.open-sub-menu > a .indicator i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .menu-full-page #fullpage-nav .fullpage-nav-inner .fullpage-nav-menu ul ul li a:hover { color: #888; } .menu-full-page #fullpage-nav .fullpage-nav-inner .menufullpage-nav-sidebar { margin-top: 30px; } .menu-full-page #fullpage-nav .fullpage-nav-inner .menufullpage-nav-sidebar .menufullpage-nav-sidebar-inner { position: relative; opacity: 0; transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .menu-full-page #fullpage-nav .fullpage-nav-inner .menufullpage-nav-sidebar .menufullpage-nav-sidebar-inner { transition: none; } } .menu-full-page #fullpage-nav.menufullpage-menu-open { border-radius: 0; padding: 0 !important; width: 100%; height: 100%; left: 0; top: 0; opacity: 1; transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .menu-full-page #fullpage-nav.menufullpage-menu-open { transition: none; } } .menu-full-page #fullpage-nav.menufullpage-menu-open .fullpage-nav-menu ul li { animation: fadeInUp .5s ease-in-out forwards; animation-delay: .35s; } .menu-full-page #fullpage-nav.menufullpage-menu-open .menufullpage-nav-sidebar .menufullpage-nav-sidebar-inner { animation: fadeInUp .5s ease-in-out forwards; animation-delay: .35s; } .menu-full-page .fullpage-nav-toggle.menufullpage-menu-open + #fullpage-nav { opacity: 1; z-index: 1011; } .menu-full-page .fullpage-nav-toggle.menufullpage-menu-open + #fullpage-nav > ul { margin-top: 70px; } .menu-full-page .fullpage-nav-toggle { position: relative; display: block; margin: 0; padding: 0; width: 40px; height: 40px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; background-color: transparent; /* active state, i.e. menu open */ } @media (prefers-reduced-motion: reduce) { .menu-full-page .fullpage-nav-toggle { transition: none; } } .menu-full-page .fullpage-nav-toggle i { text-decoration: none; font-size: 40px; color: #fff; } .menu-full-page .fullpage-nav-toggle:focus { outline: none; } .menu-full-page .fullpage-nav-toggle span { display: block; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); right: 18px; height: 4px; border-radius: 2px; background: #333; transition: background 0 0.3s; } @media (prefers-reduced-motion: reduce) { .menu-full-page .fullpage-nav-toggle span { transition: none; } } .menu-full-page .fullpage-nav-toggle span:before, .menu-full-page .fullpage-nav-toggle span:after { position: absolute; display: block; left: 0; width: 100%; height: 4px; border-radius: 0; background-color: #333; content: ""; -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0; transition-delay: 0.3s, 0; } .menu-full-page .fullpage-nav-toggle span:before { top: -8px; -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; } .menu-full-page .fullpage-nav-toggle span:after { bottom: -8px; -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; } .menu-full-page .fullpage-nav-toggle.menufullpage-menu-open { background-color: transparent; } .menu-full-page .fullpage-nav-toggle.menufullpage-menu-open span { background: none; } .menu-full-page .fullpage-nav-toggle.menufullpage-menu-open span:before, .menu-full-page .fullpage-nav-toggle.menufullpage-menu-open span:after { background-color: #fff; -webkit-transition-delay: 0, 0.3s; transition-delay: 0, 0.3s; } .menu-full-page .fullpage-nav-toggle.menufullpage-menu-open span:before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu-full-page .fullpage-nav-toggle.menufullpage-menu-open span:after { bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* menu-full-page custom code */ .menu-full-page2 #fullpage-nav li { padding: 5px 0; } .menu-full-page2 #fullpage-nav li a { background: none; display: inline; font-size: 26px; } .menu-full-page2 #fullpage-nav ul ul { margin-top: 0; } .menu-full-page2 #fullpage-nav ul ul li { padding: 3px 0; } .menu-full-page2 #fullpage-nav ul ul li a { font-size: 17px; } .menu-full-page2 #fullpage-nav ul li .dropdown, .menu-full-page2 #fullpage-nav ul li .megamenu { background: none; box-shadow: none; border: none; float: none; padding: 0; position: relative; max-height: 0; overflow: hidden; -webkit-transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1) !important; -moz-transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1) !important; -ms-transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1) !important; -o-transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1) !important; transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1) !important; display: block !important; visibility: visible; } .menu-full-page2 #fullpage-nav ul li:hover .dropdown, .menu-full-page2 #fullpage-nav ul li:hover .megamenu { max-height: 700px; } .menu-full-page2 #fullpage-nav #main-nav > .menu-item > a:before { display: block; content: ''; position: absolute; z-index: -1; bottom: 0; left: 0; width: 100%; height: 2px; background: #111; transform-origin: right; transform: scale(0, 1); transition: transform 0.3s cubic-bezier(1, 0, 0, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .menu-full-page2 #fullpage-nav #main-nav > .menu-item > a:before { width: calc(100% + 16px); left: -8px; bottom: 0; transform-origin: 50%; transform: scale(0, 1); } .menu-full-page2 #fullpage-nav #main-nav > .menu-item > a:hover:before, .menu-full-page2 #fullpage-nav #main-nav > .menu-item:hover > a:before, .menu-full-page2 #fullpage-nav #main-nav > .current-menu-parent > a:before { transform: scale(1); } header#header.header-layout-type-header-mobile-nav-floating .menuzord-brand { float: none; } header#header.header-layout-type-header-mobile-nav-floating .tm-fullpage-nav-header-inner { position: fixed; background-color: transparent; width: 100%; } header#header.header-layout-type-header-mobile-nav-floating .tm-fullpage-nav-header-inner .fullpage-nav-toggle { background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.9); width: 50px; height: 50px; } header#header.header-layout-type-header-mobile-nav-floating .tm-fullpage-nav-header-inner .fullpage-nav-toggle span { top: 45%; left: 24px; right: 24px; height: 4px; border-radius: 2px; background: #333; } header#header.header-layout-type-header-mobile-nav-floating .tm-fullpage-nav-header-inner .fullpage-nav-toggle.menufullpage-menu-open span { background: #fff; } header#header.header-layout-type-header-mobile-nav-floating .tm-fullpage-nav-header-inner .fullpage-nav-toggle.menufullpage-menu-open span:before, header#header.header-layout-type-header-mobile-nav-floating .tm-fullpage-nav-header-inner .fullpage-nav-toggle.menufullpage-menu-open span:after { background-color: #111; } /* * Vertical-Nav.scss * ----------------------------------------------- */ body.tm-vertical-nav .container { max-width: 1100px; } body.tm-vertical-nav header#header { width: 300px; position: fixed; top: 0; left: 0; height: 100%; background-color: #fcfcfc; background-size: cover; color: #555; z-index: 101; box-shadow: 0px 0px 40px rgba(5, 5, 5, 0.09); transition: none; } body.tm-vertical-nav header#header .container { max-width: 100%; padding: 0; } body.tm-vertical-nav header#header.vertical-nav-shadow { box-shadow: 0px 0px 40px rgba(5, 5, 5, 0.2); } body.tm-vertical-nav header#header.vertical-nav-border { border-right: 1px solid #ddd; } body.tm-vertical-nav header#header.vertical-nav-center-content { text-align: center; } body.tm-vertical-nav header#header .header-nav-container { background: none; } @media (min-width: 1200px) { body.tm-vertical-nav header#header .header-nav-container { box-shadow: none; } } body.tm-vertical-nav header#header .row { margin-left: 0; margin-right: 0; } body.tm-vertical-nav .top-sliders-container, body.tm-vertical-nav .main-content-area, body.tm-vertical-nav .footer { margin-left: 300px; } @media (min-width: 1200px) { body.tm-vertical-nav .menuzord { margin-bottom: 30px; } } body.tm-vertical-nav .menuzord .menuzord-menu { width: 100%; float: none; } body.tm-vertical-nav .menuzord .menuzord-menu ul.dropdown li:hover > a { background: #eee none repeat scroll 0 0; color: #111; } body.tm-vertical-nav .menuzord .menuzord-menu li { padding: 0; position: relative; width: 100%; } body.tm-vertical-nav .menuzord .menuzord-menu li .indicator { float: right; display: block; margin-right: 6px; } body.tm-vertical-nav .menuzord .menuzord-menu li a { width: 100%; } body.tm-vertical-nav .menuzord .menuzord-menu > li { padding: 5px 0; } body.tm-vertical-nav .menuzord .menuzord-menu > li.active > a, body.tm-vertical-nav .menuzord .menuzord-menu > li:hover > a { background: none; color: #333; } body.tm-vertical-nav .menuzord .menuzord-menu ul.dropdown, body.tm-vertical-nav .menuzord .menuzord-menu .megamenu { text-align: left; } @media (min-width: 1200px) { body.tm-vertical-nav .menuzord .menuzord-menu ul.dropdown, body.tm-vertical-nav .menuzord .menuzord-menu .megamenu { left: 100% !important; top: 4px !important; } } body.tm-vertical-nav.vertical-nav-right header#header { left: auto; right: 0; } body.tm-vertical-nav.vertical-nav-right .top-sliders-container, body.tm-vertical-nav.vertical-nav-right .main-content-area, body.tm-vertical-nav.vertical-nav-right .footer { margin-left: 0; margin-right: 260px; padding-top: 0; } body.tm-vertical-nav.vertical-nav-right .menuzord .menuzord-menu ul.dropdown, body.tm-vertical-nav.vertical-nav-right .menuzord .menuzord-menu .megamenu { left: auto; right: 100%; top: 0; } @media (max-width: 1199.98px) { body.tm-vertical-nav .container { width: 100%; } } @media (min-width: 1200px) { body.tm-vertical-nav header#header .menuzord-brand { display: block; float: none; margin: 50px 0 30px; } body.tm-vertical-nav #top-primary-nav .menuzord-menu > li { border-bottom: 1px solid rgba(235, 235, 235, 0.1); transition: all 0.3s ease; } } @media (min-width: 1200px) and (prefers-reduced-motion: reduce) { body.tm-vertical-nav #top-primary-nav .menuzord-menu > li { transition: none; } } @media (min-width: 1200px) { body.tm-vertical-nav #top-primary-nav .menuzord-menu > li > a { padding-left: 5px; } body.tm-vertical-nav #top-primary-nav .menuzord-menu > li:hover, body.tm-vertical-nav #top-primary-nav .menuzord-menu > li.active { background-color: rgba(235, 235, 235, 0.7); } body.tm-vertical-nav .megamenu { left: 100% !important; right: 0 !important; width: 800px !important; } body.tm-vertical-nav .menuzord .menuzord-menu { padding: 30px 0 20px 15px; } body.tm-vertical-nav .vertical-nav-sidebar-widget-wrapper { padding: 30px 15px 5px; } } @media (max-width: 1199.98px) { body.tm-vertical-nav header#header { border: 0; padding: 0; position: fixed; top: 0; height: auto; width: 100%; background: #fff !important; } body.tm-vertical-nav .menuzord .menuzord-menu > li { padding: 0; } body.tm-vertical-nav .menuzord .menuzord-menu > li > a { color: #fff !important; } body.tm-vertical-nav .top-sliders-container, body.tm-vertical-nav .main-content-area, body.tm-vertical-nav .footer { margin-left: 0; } body.tm-vertical-nav.vertical-nav-right .top-sliders-container, body.tm-vertical-nav.vertical-nav-right .main-content-area, body.tm-vertical-nav.vertical-nav-right .footer { margin-right: 0; } body.tm-vertical-nav .vertical-nav-sidebar-widget-wrapper { display: none; } } .featured-news { overflow: hidden; position: relative; } .featured-news .featured-news-details { bottom: -17%; padding: 30px; position: absolute; transition: all 400ms ease-in-out 0s; width: 100%; } .featured-news:hover .featured-news-details { bottom: 0; } .featured-news:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .featured-news:before { background-image: url("../images/shadow-overlay.png"); background-position: center bottom; background-repeat: repeat-x; } /* * blog-list.scss * ----------------------------------------------- */ .media-post .post-thumb { float: left; margin-right: 15px; margin-top: 1px; } /* * page-title.scss * ----------------------------------------------- */ .tm-page-title .container, .tm-page-title .container-fluid { padding-top: 50px; padding-bottom: 50px; } .tm-page-title .padding-default { padding-top: 50px; padding-bottom: 50px; } .tm-page-title .padding-extra-small { padding-top: 30px; padding-bottom: 30px; } .tm-page-title .padding-small { padding-top: 50px; padding-bottom: 50px; } .tm-page-title .padding-medium { padding-top: 80px; padding-bottom: 80px; } .tm-page-title .padding-large { padding-top: 120px; padding-bottom: 120px; } .tm-page-title .padding-extra-large { padding-top: 150px; padding-bottom: 150px; } .tm-page-title .title { color: #f5f5f5; font-weight: 600; line-height: 1.1; margin-bottom: 0; margin-top: 0; font-size: 3.5rem; } @media (max-width: 767.98px) { .tm-page-title .title { font-size: 2rem; line-height: 1.3; } } .tm-page-title .subtitle { color: #aaa; font-weight: 600; margin: 0; margin-top: 10px; } .tm-page-title .breadcrumbs { background-color: transparent; padding: 0; margin: 0; font-weight: 600; font-size: 16px; } .tm-page-title .breadcrumbs > span { margin: 0 12px 10px 0; } .tm-page-title .breadcrumbs span { color: #fff; } .tm-page-title .breadcrumbs span a { color: #ddd; } .tm-page-title .breadcrumbs span a:hover { color: #6a6a6a; } .tm-page-title .breadcrumbs .active { color: #fff; } @media (max-width: 767.98px) { .tm-page-title .breadcrumbs { display: none; } } .tm-page-title.text-inverted .title { color: #222; } .tm-page-title.text-inverted .subtitle { color: #555; } .tm-page-title.text-inverted .breadcrumbs span, .tm-page-title.text-inverted .breadcrumbs a { color: #555; } .tm-page-title.text-inverted .breadcrumbs span:hover, .tm-page-title.text-inverted .breadcrumbs a:hover { color: #151515; } .tm-page-title.text-inverted .breadcrumbs .active { color: #808080; } .tm-page-title.page-title-standard .breadcrumbs { margin-top: 10px; } .tm-page-title.page-title-standard .subtitle + .breadcrumbs { margin-top: 15px; } /* * boxed-layout.scss * ----------------------------------------------- */ @media (min-width: 1000px) { body.tm-container-970px .container { max-width: 970px; width: 970px; } } @media (min-width: 1300px) { body.tm-container-1230px .container { max-width: 1230px; width: 1230px; } } @media (min-width: 1400px) { body.tm-container-1300px .container { max-width: 1300px; width: 1300px; } } @media (min-width: 1400px) { body.tm-container-1340px .container { max-width: 1340px; width: 1340px; } } @media (min-width: 1500px) { body.tm-container-1440px .container { max-width: 1440px; width: 1440px; } } @media (min-width: 1560px) { body.tm-container-1500px .container { max-width: 1500px; width: 1500px; } } @media (min-width: 1660px) { body.tm-container-1600px .container { max-width: 1600px; width: 1600px; } } body.tm-container-100pr .container, body.tm-container-100pr .container-fluid { max-width: 100%; width: 100%; } .tm-boxed-layout { background-color: #444; padding-top: 40px; padding-bottom: 40px; padding-left: 15px; padding-right: 15px; } .tm-boxed-layout.layer-overlay:before { z-index: -1; } .tm-boxed-layout #wrapper { margin: 0 auto; overflow: hidden; } @media (min-width: 1200px) { .tm-boxed-layout #wrapper { width: calc( 1140px + 30px); } } .tm-boxed-layout .container .container { width: 100%; } @media (min-width: 1200px) { .tm-boxed-layout .container { width: 1140px; } } @media (min-width: 1000px) { .tm-boxed-layout.tm-container-970px #wrapper { width: calc( 940px + 30px); } } .tm-boxed-layout.tm-container-970px .container, .tm-boxed-layout.tm-container-970px .container-fluid { padding-left: 20px; padding-right: 20px; } .tm-boxed-layout.tm-container-970px .container .container, .tm-boxed-layout.tm-container-970px .container .container-fluid, .tm-boxed-layout.tm-container-970px .container-fluid .container, .tm-boxed-layout.tm-container-970px .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } @media (min-width: 1300px) { .tm-boxed-layout.tm-container-1230px #wrapper { width: calc( 1200px + 30px); } } .tm-boxed-layout.tm-container-1230px .container, .tm-boxed-layout.tm-container-1230px .container-fluid { width: 100%; padding-left: 20px; padding-right: 20px; } .tm-boxed-layout.tm-container-1230px .container .container, .tm-boxed-layout.tm-container-1230px .container .container-fluid, .tm-boxed-layout.tm-container-1230px .container-fluid .container, .tm-boxed-layout.tm-container-1230px .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } @media (min-width: 1400px) { .tm-boxed-layout.tm-container-1300px #wrapper { width: calc( 1260px + 40px); } } .tm-boxed-layout.tm-container-1300px .container, .tm-boxed-layout.tm-container-1300px .container-fluid { width: 100%; padding-left: 20px; padding-right: 20px; } .tm-boxed-layout.tm-container-1300px .container .container, .tm-boxed-layout.tm-container-1300px .container .container-fluid, .tm-boxed-layout.tm-container-1300px .container-fluid .container, .tm-boxed-layout.tm-container-1300px .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } @media (min-width: 1400px) { .tm-boxed-layout.tm-container-1340px #wrapper { width: calc( 1300px + 40px); } } .tm-boxed-layout.tm-container-1340px .container, .tm-boxed-layout.tm-container-1340px .container-fluid { width: 100%; padding-left: 20px; padding-right: 20px; } .tm-boxed-layout.tm-container-1340px .container .container, .tm-boxed-layout.tm-container-1340px .container .container-fluid, .tm-boxed-layout.tm-container-1340px .container-fluid .container, .tm-boxed-layout.tm-container-1340px .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } @media (min-width: 1400px) { .tm-boxed-layout.tm-container-1440px #wrapper { width: calc( 1400px + 40px); } } .tm-boxed-layout.tm-container-1440px .container, .tm-boxed-layout.tm-container-1440px .container-fluid { width: 100%; padding-left: 20px; padding-right: 20px; } .tm-boxed-layout.tm-container-1440px .container .container, .tm-boxed-layout.tm-container-1440px .container .container-fluid, .tm-boxed-layout.tm-container-1440px .container-fluid .container, .tm-boxed-layout.tm-container-1440px .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } @media (min-width: 1560px) { .tm-boxed-layout.tm-container-1500px #wrapper { width: calc( 1460px + 40px); } } .tm-boxed-layout.tm-container-1500px .container, .tm-boxed-layout.tm-container-1500px .container-fluid { width: 100%; padding-left: 20px; padding-right: 20px; } .tm-boxed-layout.tm-container-1500px .container .container, .tm-boxed-layout.tm-container-1500px .container .container-fluid, .tm-boxed-layout.tm-container-1500px .container-fluid .container, .tm-boxed-layout.tm-container-1500px .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } @media (min-width: 1660px) { .tm-boxed-layout.tm-container-1600px #wrapper { width: calc( 1560px + 40px); } } .tm-boxed-layout.tm-container-1600px .container, .tm-boxed-layout.tm-container-1600px .container-fluid { width: 100%; padding-left: 20px; padding-right: 20px; } .tm-boxed-layout.tm-container-1600px .container .container, .tm-boxed-layout.tm-container-1600px .container .container-fluid, .tm-boxed-layout.tm-container-1600px .container-fluid .container, .tm-boxed-layout.tm-container-1600px .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } .tm-boxed-layout.tm-container-100pr #wrapper { width: 95%; } .tm-boxed-layout.tm-container-100pr #wrapper .container, .tm-boxed-layout.tm-container-100pr #wrapper .container-fluid { width: 100%; } .tm-boxed-layout.container-shadow #wrapper { box-shadow: 0 0 25px 0 #777; } .tm-boxed-layout .header, .tm-boxed-layout section, .tm-boxed-layout .footer { background-color: #fff; } .tm-boxed-layout .header .navbar-default { background-color: #fff; border-color: #fff; padding: 0; } .tm-boxed-layout .header .navbar-default .navbar-nav > li > a { padding: 30px 5px; } .tm-boxed-layout .header .navbar-default .navbar-collapse { background-color: #fff; border-color: #fff; margin-right: 30px; } .tm-boxed-layout .header #header-logo { margin: 0; padding-top: 27px; } @media (max-width: 991.98px) { .tm-boxed-layout { padding-top: 15px; } .tm-boxed-layout .header .navbar-default .navbar-nav > li > a { padding: 10px; } .tm-boxed-layout .header .navbar-default .navbar-collapse { margin-right: 15px; } .tm-boxed-layout .navbar-header { padding: 15px 0; } .tm-boxed-layout .navbar-collapse .navbar-nav li a .caret { margin-right: 0; } } /* * dark-layout.scss * ----------------------------------------------- */ body.tm-dark-layout { color: #aaa; background-color: #2a2a2a; } body.tm-dark-layout h1, body.tm-dark-layout h2, body.tm-dark-layout h3, body.tm-dark-layout h4, body.tm-dark-layout h5, body.tm-dark-layout h6 { color: #777; } body.tm-dark-layout p { color: #aaa; } body.tm-dark-layout [class^="bg-theme-"], body.tm-dark-layout [class*=" bg-theme-"] { color: #fff; } body.tm-dark-layout [class^="bg-theme-"] h1, body.tm-dark-layout [class^="bg-theme-"] h2, body.tm-dark-layout [class^="bg-theme-"] h3, body.tm-dark-layout [class^="bg-theme-"] h4, body.tm-dark-layout [class^="bg-theme-"] h5, body.tm-dark-layout [class^="bg-theme-"] h6, body.tm-dark-layout [class*=" bg-theme-"] h1, body.tm-dark-layout [class*=" bg-theme-"] h2, body.tm-dark-layout [class*=" bg-theme-"] h3, body.tm-dark-layout [class*=" bg-theme-"] h4, body.tm-dark-layout [class*=" bg-theme-"] h5, body.tm-dark-layout [class*=" bg-theme-"] h6 { color: #fff; } body.tm-dark-layout [class^="bg-theme-"] p, body.tm-dark-layout [class*=" bg-theme-"] p { color: #fff; } body.tm-dark-layout .bg-silver-light { background-color: #222 !important; } /* * form.scss * ----------------------------------------------- */ form label.error { margin-top: .25rem; font-size: .875em; color: #dc3545; } .select2 .selection .select2-selection { background-color: #fff; border: 1px solid #e4e4e4; border-radius: 0; height: calc(2.25rem + 18px); padding: 8px 16px; border: 1px solid #ced4da; border-radius: 0; } .select2 .selection .select2-selection .select2-selection__rendered { color: #888; line-height: 36px; padding-left: 0; } .select2 .selection .select2-selection .select2-selection__arrow { height: 36px; position: absolute; right: 6px; top: 6px; width: 20px; } .form-control { height: calc(2.25rem + 18px); padding: 8px 16px; outline: 0; border-radius: 0; } .form-control::placeholder { color: #aaa; opacity: 1; } .form-control:-ms-input-placeholder { color: #aaa; } .form-control::-ms-input-placeholder { color: #aaa; } textarea.form-control { height: auto; border-radius: 0; padding-top: 15px; padding-bottom: 15px; } .form-control2 { -moz-appearance: none; background: #ffffff none repeat scroll 0 0; border: 1px solid #b4bdc3; box-shadow: none; border-radius: 0; color: #777; display: inline-block; font-family: inherit; font-size: 1em; font-weight: inherit; height: 52px; line-height: 1.65; max-width: 100%; padding: 8px 20px; } .form-control2:active, .form-control2:focus { border-color: #a9a9a9; box-shadow: none; outline: 0 none; background: #fff; border-radius: 2px; } /*Contact Form Style1*/ .tm-contact-form-transparent { padding-right: 15px; } .tm-contact-form-transparent input[type=text], .tm-contact-form-transparent input[type=email], .tm-contact-form-transparent textarea { transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .tm-contact-form-transparent input[type=text], .tm-contact-form-transparent input[type=email], .tm-contact-form-transparent textarea { transition: none; } } .tm-contact-form-transparent input[type=text], .tm-contact-form-transparent input[type=email] { background: #fff; border: none; border-bottom: 1px solid #ddd; padding: 14px; padding-left: 0; margin-bottom: 28px; width: 100%; } .tm-contact-form-transparent textarea { background: #fff; border: none; border-bottom: 1px solid #ddd; width: 100%; padding: 15px; padding-left: 0; margin-bottom: 28px; } .tm-contact-form-transparent .form-submit-btn { padding: 12px 32px; margin-top: 20px; margin-bottom: 0; font-weight: 700; border: 2px solid transparent; color: #fff; transition: all 300ms; } .tm-contact-form-transparent .form-submit-btn:hover { border-width: 2px; border-style: solid; background: none; } .tm-contact-form-transparent .form-input-label { padding: 0; padding-left: 15px; line-height: 0; margin: 0; } .tm-contact-form-transparent input[type=submit] { margin-top: 15px; } .tm-contact-form-transparent.white-form input[type=text], .tm-contact-form-transparent.white-form input[type=email] { background: #ffffff; border: 1px solid #eee; } .tm-contact-form-transparent.white-form textarea { background: #ffffff; border: 1px solid #eee; } /*Request A Call Back Form Style1*/ .tm-request-a-call-back-form1 { padding-right: 15px; } .tm-request-a-call-back-form1 input[type=text], .tm-request-a-call-back-form1 input[type=email], .tm-request-a-call-back-form1 textarea, .tm-request-a-call-back-form1 select { transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .tm-request-a-call-back-form1 input[type=text], .tm-request-a-call-back-form1 input[type=email], .tm-request-a-call-back-form1 textarea, .tm-request-a-call-back-form1 select { transition: none; } } .tm-request-a-call-back-form1 input[type=text], .tm-request-a-call-back-form1 input[type=email] { background: #ffffff; border: 1px solid #ddd; padding: 14px; margin-bottom: 28px; width: 100%; } .tm-request-a-call-back-form1 select { background: #ffffff; border: 1px solid #ddd; width: 100%; padding: 17px 14px; } .tm-request-a-call-back-form1 textarea { background: #ffffff; border: 1px solid #ddd; width: 100%; padding: 15px; } .tm-request-a-call-back-form1 .form-submit-btn { padding: 12px 32px; margin-bottom: 0; font-weight: 700; border: 2px solid transparent; color: #fff; transition: all 300ms; } .tm-request-a-call-back-form1 .form-submit-btn:hover { border-width: 2px; border-style: solid; background: none; } .tm-request-a-call-back-form1 .form-input-label { padding: 0; padding-left: 15px; line-height: 0; margin: 0; } .tm-request-a-call-back-form1.white-form input[type=text], .tm-request-a-call-back-form1.white-form input[type=email] { background: #ffffff; border: 1px solid #eee; } .tm-request-a-call-back-form1.white-form textarea { background: #ffffff; border: 1px solid #eee; } /*Get Free Consulting*/ .tm-get-free-consulting-form1 { padding-right: 15px; } .tm-get-free-consulting-form1 input[type=text], .tm-get-free-consulting-form1 input[type=email], .tm-get-free-consulting-form1 textarea, .tm-get-free-consulting-form1 select { transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .tm-get-free-consulting-form1 input[type=text], .tm-get-free-consulting-form1 input[type=email], .tm-get-free-consulting-form1 textarea, .tm-get-free-consulting-form1 select { transition: none; } } .tm-get-free-consulting-form1 input[type=text], .tm-get-free-consulting-form1 input[type=email] { background: #ffffff; border: 1px solid #ddd; padding: 14px; width: 100%; } .tm-get-free-consulting-form1 select { background: #ffffff; border: 1px solid #ddd; width: 100%; padding: 17px 14px; } .tm-get-free-consulting-form1 .form-submit-btn { padding: 12px 32px; margin-bottom: 0; font-weight: 700; border: 1px solid #38e17f; color: #ffffff; background: #2e4384; cursor: pointer; transition: all 300ms; } .tm-get-free-consulting-form1 .form-submit-btn:hover { border: 1px solid #38e17f; border-style: solid; background: #38e17f; color: #fff; } .tm-contact-form-transparent input[type=text], .tm-contact-form-transparent input[type=email], .tm-contact-form-transparent textarea { background: transparent; } /* * isotope-layout.scss * ----------------------------------------------- */ /* -------- Isotop Filter ---------- */ .isotope-layout-filter, .carousel-layout-filter { margin-bottom: 30px; } .isotope-layout-filter a, .carousel-layout-filter a { transition: all 100ms ease-in-out 0s; color: #777; font-size: 15px; font-weight: 500; margin: 0 5px 10px; padding: 8px 20px 6px; display: inline-block; position: relative; text-transform: uppercase; border: 2px solid; border-color: transparent; } @media (prefers-reduced-motion: reduce) { .isotope-layout-filter a, .carousel-layout-filter a { transition: none; } } .isotope-layout-filter a.active, .isotope-layout-filter a:focus, .isotope-layout-filter a:hover, .carousel-layout-filter a.active, .carousel-layout-filter a:focus, .carousel-layout-filter a:hover { color: #fff; background: #343434; } .isotope-layout-filter.filter-style-2 a, .carousel-layout-filter.filter-style-2 a { border-color: #343434; } .isotope-layout-filter.filter-style-3 a, .carousel-layout-filter.filter-style-3 a { border-color: #eee; } .isotope-layout-filter.filter-style-4 a, .carousel-layout-filter.filter-style-4 a { background-color: #f7f7f7; } .isotope-layout-filter.filter-style-4 a.active, .isotope-layout-filter.filter-style-4 a:focus, .isotope-layout-filter.filter-style-4 a:hover, .carousel-layout-filter.filter-style-4 a.active, .carousel-layout-filter.filter-style-4 a:focus, .carousel-layout-filter.filter-style-4 a:hover { background: #343434; } .isotope-layout-filter.filter-style-5 a, .carousel-layout-filter.filter-style-5 a { border-radius: 7px; } .isotope-layout-filter.filter-style-6 a, .carousel-layout-filter.filter-style-6 a { border-radius: 7px; border-color: #343434; } .isotope-layout-filter.filter-style-7 a, .carousel-layout-filter.filter-style-7 a { border-radius: 7px; border-color: #eee; } .isotope-layout-filter.filter-style-8 a, .carousel-layout-filter.filter-style-8 a { border-radius: 7px; background-color: #f7f7f7; } .isotope-layout-filter.filter-style-8 a.active, .isotope-layout-filter.filter-style-8 a:focus, .isotope-layout-filter.filter-style-8 a:hover, .carousel-layout-filter.filter-style-8 a.active, .carousel-layout-filter.filter-style-8 a:focus, .carousel-layout-filter.filter-style-8 a:hover { background: #343434; } .isotope-layout-filter.filter-style-9 a, .carousel-layout-filter.filter-style-9 a { border-width: 2px; border-radius: 30px; } .isotope-layout-filter.filter-style-10 a, .carousel-layout-filter.filter-style-10 a { border-width: 2px; border-radius: 30px; border-color: #343434; } .isotope-layout-filter.filter-style-11 a, .carousel-layout-filter.filter-style-11 a { border-width: 2px; border-radius: 30px; border-color: #eee; } .isotope-layout-filter.filter-style-12 a, .carousel-layout-filter.filter-style-12 a { border-width: 2px; border-radius: 30px; background-color: #f7f7f7; } .isotope-layout-filter.filter-style-12 a.active, .isotope-layout-filter.filter-style-12 a:focus, .isotope-layout-filter.filter-style-12 a:hover, .carousel-layout-filter.filter-style-12 a.active, .carousel-layout-filter.filter-style-12 a:focus, .carousel-layout-filter.filter-style-12 a:hover { background: #343434; } .isotope-layout-filter.filter-style-13 a, .carousel-layout-filter.filter-style-13 a { border-width: 2px; border-radius: 15px 0; } .isotope-layout-filter.filter-style-14 a, .carousel-layout-filter.filter-style-14 a { border-width: 2px; border-radius: 15px 0; border-color: #343434; } .isotope-layout-filter.filter-style-15 a, .carousel-layout-filter.filter-style-15 a { border-width: 2px; border-radius: 15px 0; border-color: #eee; } .isotope-layout-filter.filter-style-16 a, .carousel-layout-filter.filter-style-16 a { border-width: 2px; border-radius: 15px 0; background-color: #f7f7f7; } .isotope-layout-filter.filter-style-16 a.active, .isotope-layout-filter.filter-style-16 a:focus, .isotope-layout-filter.filter-style-16 a:hover, .carousel-layout-filter.filter-style-16 a.active, .carousel-layout-filter.filter-style-16 a:focus, .carousel-layout-filter.filter-style-16 a:hover { background: #343434; } .isotope-layout-filter.filter-style-flat a, .carousel-layout-filter.filter-style-flat a { margin-left: 20px; padding: 0; background: none; border-bottom: 1px solid transparent; } .isotope-layout-filter.filter-style-flat a.active, .isotope-layout-filter.filter-style-flat a:focus, .isotope-layout-filter.filter-style-flat a:hover, .carousel-layout-filter.filter-style-flat a.active, .carousel-layout-filter.filter-style-flat a:focus, .carousel-layout-filter.filter-style-flat a:hover { color: #333; border-bottom-color: #333; } .isotope-layout-filter.filter-style-flat a:first-child, .carousel-layout-filter.filter-style-flat a:first-child { margin-left: 0; } .isotope-layout-filter.btn-group a, .carousel-layout-filter.btn-group a { background-color: #fcfcfc; } .isotope-layout-filter.btn-group a.active, .isotope-layout-filter.btn-group a:focus, .isotope-layout-filter.btn-group a:hover, .carousel-layout-filter.btn-group a.active, .carousel-layout-filter.btn-group a:focus, .carousel-layout-filter.btn-group a:hover { box-shadow: none; background-color: #444; color: #fff; } /* -------- Isotop Sorter ---------- */ .isotope-layout-sorter { margin-bottom: 30px; } .isotope-layout-sorter a { background-color: #fcfcfc; transition: all 100ms ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .isotope-layout-sorter a { transition: none; } } .isotope-layout-sorter a.active, .isotope-layout-sorter a:hover { box-shadow: none; background-color: #444; color: #fff; } @media (max-width: 575.98px) { .isotope-layout-sorter a { margin-bottom: 10px; } } /* -------- Isotop Gallery ---------- */ .isotope-layout { /* by default 4 grids */ /*portfolio 2 grids*/ /*portfolio 2 grids*/ /*portfolio 3 grids*/ /*portfolio 4 grids*/ /*portfolio 5 grids*/ /*portfolio 6 grids*/ /*portfolio 7 grids*/ /*portfolio 8 grids*/ /*portfolio 9 grids*/ /*portfolio 10 grids*/ /*gutter*/ } .isotope-layout .isotope-layout-inner { position: relative; } .isotope-layout .isotope-item { padding: 0 15px; margin: 0 0 30px; float: left; width: 25%; /* item sizer */ } .isotope-layout .isotope-item .isotope-item-inner { position: relative; height: 100%; } .isotope-layout .isotope-item.tm-masonry-large-wide, .isotope-layout .isotope-item.tm-masonry-large-width-height { width: 50%; } .isotope-layout .isotope-item.isotope-item-sizer { padding: 0 !important; margin-bottom: 0 !important; width: 25%; } .isotope-layout .isotope-item.isotope-item-sizer.tm-masonry-large-wide, .isotope-layout .isotope-item.isotope-item-sizer.tm-masonry-large-width-height { width: 50%; } .isotope-layout .isotope-item .thumb img { width: 100%; } .isotope-layout.isotope-layout-single-item:not(.shop-archive) { margin-left: 0; } .isotope-layout.isotope-layout-single-item:not(.shop-archive) .isotope-item { padding-right: 0; padding-left: 0; } .isotope-layout.isotope-layout-single-item:not(.shop-archive) .isotope-item .hentry { margin-bottom: 0; padding-bottom: 0; } .isotope-layout.grid-1 .isotope-item { width: 100%; } .isotope-layout.grid-1 .isotope-item.tm-masonry-large-wide, .isotope-layout.grid-1 .isotope-item.tm-masonry-large-width-height { width: 100%; } .isotope-layout.grid-2 .isotope-item { width: 49.99%; } .isotope-layout.grid-2 .isotope-item.tm-masonry-large-wide, .isotope-layout.grid-2 .isotope-item.tm-masonry-large-width-height { width: 100%; } .isotope-layout.grid-3 .isotope-item { width: 33.2%; } .isotope-layout.grid-3 .isotope-item.tm-masonry-large-wide, .isotope-layout.grid-3 .isotope-item.tm-masonry-large-width-height { width: 66.4%; } .isotope-layout.grid-4 { width: 100.1%; width: calc(100% + 1px); } .isotope-layout.grid-4 .isotope-item { width: 25%; } .isotope-layout.grid-4 .isotope-item.tm-masonry-large-wide, .isotope-layout.grid-4 .isotope-item.tm-masonry-large-width-height { width: 50%; } .isotope-layout.grid-5 .isotope-item { width: 20%; } .isotope-layout.grid-5 .isotope-item.tm-masonry-large-wide, .isotope-layout.grid-5 .isotope-item.tm-masonry-large-width-height { width: 40%; } .isotope-layout.grid-6 .isotope-item { width: 16.5%; } .isotope-layout.grid-6 .isotope-item.tm-masonry-large-wide, .isotope-layout.grid-6 .isotope-item.tm-masonry-large-width-height { width: 33%; } .isotope-layout.grid-7 .isotope-item { width: 14.2%; } .isotope-layout.grid-7 .isotope-item.tm-masonry-large-wide, .isotope-layout.grid-7 .isotope-item.tm-masonry-large-width-height { width: 28.4%; } .isotope-layout.grid-8 .isotope-item { width: 12.5%; } .isotope-layout.grid-8 .isotope-item.tm-masonry-large-wide, .isotope-layout.grid-8 .isotope-item.tm-masonry-large-width-height { width: 25%; } .isotope-layout.grid-9 .isotope-item { width: 11%; } .isotope-layout.grid-9 .isotope-item.tm-masonry-large-wide, .isotope-layout.grid-9 .isotope-item.tm-masonry-large-width-height { width: 22%; } .isotope-layout.grid-10 .isotope-item { width: 10%; } .isotope-layout.grid-10 .isotope-item.tm-masonry-large-wide, .isotope-layout.grid-10 .isotope-item.tm-masonry-large-width-height { width: 20%; } .isotope-layout .isotope-layout-inner { margin: 0 -15px; } .isotope-layout .isotope-item { padding: 0 15px; margin: 0 0 30px; } .isotope-layout.gutter .isotope-layout-inner { margin: 0 -15px; } .isotope-layout.gutter .isotope-item { padding: 0 15px; margin: 0 0 30px; } .isotope-layout.gutter-0 .isotope-layout-inner { margin: 0; } .isotope-layout.gutter-0 .isotope-item { padding: 0; margin: 0; } .isotope-layout.gutter-5 .isotope-layout-inner { margin: 0 -5px; } .isotope-layout.gutter-5 .isotope-item { padding: 0 5px; margin: 0 0 10px; } .isotope-layout.gutter-10 .isotope-layout-inner { margin: 0 -10px; } .isotope-layout.gutter-10 .isotope-item { padding: 0 10px; margin: 0 0 20px; } .isotope-layout.gutter-15 .isotope-layout-inner { margin: 0 -15px; } .isotope-layout.gutter-15 .isotope-item { padding: 0 15px; margin: 0 0 30px; } .isotope-layout.gutter-20 .isotope-layout-inner { margin: 0 -20px; } .isotope-layout.gutter-20 .isotope-item { padding: 0 20px; margin: 0 0 40px; } .isotope-layout.gutter-30 .isotope-layout-inner { margin: 0 -30px; } .isotope-layout.gutter-30 .isotope-item { padding: 0 30px; margin: 0 0 60px; } .isotope-layout.gutter-40 .isotope-layout-inner { margin: 0 -40px; } .isotope-layout.gutter-40 .isotope-item { padding: 0 40px; margin: 0 0 80px; } .isotope-layout.gutter-50 .isotope-layout-inner { margin: 0 -50px; } .isotope-layout.gutter-50 .isotope-item { padding: 0 50px; margin: 0 0 100px; } .isotope-layout.gutter-60 .isotope-layout-inner { margin: 0 -60px; } .isotope-layout.gutter-60 .isotope-item { padding: 0 60px; margin: 0 0 120px; } /* -------- Isotop Item Media Query ---------- */ @media (max-width: 1199.98px) { .isotope-layout .isotope-item { width: 50% !important; } .isotope-layout .isotope-item.tm-masonry-large-wide, .isotope-layout .isotope-item.tm-masonry-large-width-height { width: 100% !important; } } @media (max-width: 991.98px) { .isotope-layout .isotope-item { width: 50% !important; } .isotope-layout .isotope-item.tm-masonry-large-wide, .isotope-layout .isotope-item.tm-masonry-large-width-height { width: 100% !important; } } @media (max-width: 767.98px) { .isotope-layout .isotope-item { width: 100% !important; } .isotope-layout .isotope-item.tm-masonry-large-wide, .isotope-layout .isotope-item.tm-masonry-large-width-height { width: 100% !important; } } @media (max-width: 575.98px) { .isotope-layout .isotope-item { width: 100% !important; } .isotope-layout .isotope-item.tm-masonry-large-wide, .isotope-layout .isotope-item.tm-masonry-large-width-height { width: 100% !important; } } /* * owl-carousel.scss * ----------------------------------------------- */ .owl-carousel { /* owl dots */ } .owl-carousel .tm-carousel-item { transition: .8s; -webkit-transition: .8s; transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; } .owl-carousel .tm-carousel-item.__loading { opacity: 0; transform: translateX(40px); -webkit-transform: translateX(40px); } .owl-carousel .owl-item img { display: inline-block; width: auto; } .owl-carousel .owl-dots { text-align: center; margin-top: 10px; } .owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-carousel .owl-dots .owl-dot span { background: #D6D6D6; display: block; height: 10px; margin: 5px 3px; opacity: 0.8; width: 10px; border-radius: 3px; transition: all 0.4s ease 0s; } @media (prefers-reduced-motion: reduce) { .owl-carousel .owl-dots .owl-dot span { transition: none; } } .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { background: #869791; } .owl-carousel .owl-nav button { border-radius: 0; display: block; margin: -25px 0 0 0; position: absolute; opacity: 0.3; top: 50%; z-index: 6; transition: all 0.4s ease 0s; } @media (prefers-reduced-motion: reduce) { .owl-carousel .owl-nav button { transition: none; } } .owl-carousel .owl-nav button i { color: #fff; vertical-align: middle; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { background: rgba(240, 240, 240, 0.8) !important; padding: 10px !important; width: 50px; height: 50px; border-radius: 50%; } .owl-carousel .owl-nav button.owl-prev { left: -10px; } .owl-carousel .owl-nav button.owl-next { right: -10px; } .owl-carousel:hover .owl-nav > button { opacity: 1; } .owl-carousel:hover .owl-nav > button.owl-prev { left: 20px; } .owl-carousel:hover .owl-nav > button.owl-next { right: 20px; } .owl-carousel[data-focused-center-image="true"] .owl-item { opacity: 0.3; transition: all 0.4s ease; } @media (prefers-reduced-motion: reduce) { .owl-carousel[data-focused-center-image="true"] .owl-item { transition: none; } } .owl-carousel[data-focused-center-image="true"] .owl-item.active { opacity: 0.6; } .owl-carousel[data-focused-center-image="true"] .owl-item.active.center { opacity: 1; } .owl-carousel[data-zoomin-center-image="true"] .owl-item { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); transition: all 0.4s ease; } @media (prefers-reduced-motion: reduce) { .owl-carousel[data-zoomin-center-image="true"] .owl-item { transition: none; } } .owl-carousel[data-zoomin-center-image="true"] .owl-item.active.center { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .owl-nav-outer .owl-nav button.owl-prev, .owl-nav-outer .owl-nav button.owl-next { background: rgba(240, 240, 240, 0.8) !important; padding: 10px 15px !important; } .owl-nav-outer .owl-nav button.owl-prev { left: -70px; } .owl-nav-outer .owl-nav button.owl-next { right: -70px; } @media (max-width: 1199.98px) { .owl-nav-outer .owl-nav button.owl-prev { left: -25px; } .owl-nav-outer .owl-nav button.owl-next { right: -25px; } } /* Owl Dots */ .owl-dots-bottom-right .owl-dots { bottom: -10px; position: absolute; right: 0; } .owl-dots-center-bottom .owl-dots { bottom: 15px; left: 0; position: absolute; right: 0; text-align: center; } .owl-dots-left .owl-dots { text-align: left; } .owl-dots-center .owl-dots { text-align: center; } .owl-dots-right .owl-dots { text-align: right; } .owl-dots-light-skin .owl-dots .owl-dot span { background: #D6D6D6; } .owl-dots-light-skin .owl-dots .owl-dot.active span, .owl-dots-light-skin .owl-dots .owl-dot:hover span { background: #fff; } .owl-dots-dark-skin .owl-dots .owl-dot span { background: #333; } .owl-dots-dark-skin .owl-dots .owl-dot.active span, .owl-dots-dark-skin .owl-dots .owl-dot:hover span { background: #000; } .tm-owl-carousel-1col .owl-dots { position: absolute; bottom: 0; left: 0; right: 0; } /* Owl Animated Slider */ .tm-owl-slider { position: relative; } .tm-owl-slider .slider-wrapper { position: relative; } .tm-owl-slider .slider-wrapper .slide-item { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; } .tm-owl-slider .slider-wrapper .slide-item:before { position: absolute; content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0) 80%); left: 0px; top: 0px; right: 0px; z-index: 1; } .tm-owl-slider .slider-wrapper .slide-item .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 6000ms linear; -moz-transition: all 6000ms linear; -ms-transition: all 6000ms linear; -o-transition: all 6000ms linear; transition: all 6000ms linear; } .tm-owl-slider .slider-wrapper .active .slide-item .image-layer { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } .tm-owl-slider .slider-wrapper .content-box { position: relative; display: block; z-index: 5; width: 100%; } .tm-owl-slider .slider-wrapper .content-box.centred { text-align: center; margin: 0 auto; } .tm-owl-slider .slider-wrapper .content-box .sub-title, .tm-owl-slider .slider-wrapper .content-box .title, .tm-owl-slider .slider-wrapper .content-box .paragraph, .tm-owl-slider .slider-wrapper .content-box .btn-wrapper { position: relative; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); } .tm-owl-slider .slider-wrapper .content-box .sub-title { display: block; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; } .tm-owl-slider .slider-wrapper .content-box .title { display: block; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .tm-owl-slider .slider-wrapper .content-box .paragraph { display: block; -webkit-transition: all 1300ms ease; -moz-transition: all 1300ms ease; -ms-transition: all 1300ms ease; -o-transition: all 1300ms ease; transition: all 1300ms ease; } .tm-owl-slider .slider-wrapper .content-box .btn-wrapper { -webkit-transition: all 1600ms ease; -moz-transition: all 1600ms ease; -ms-transition: all 1600ms ease; -o-transition: all 1600ms ease; transition: all 1600ms ease; } .tm-owl-slider .slider-wrapper .active .content-box .sub-title, .tm-owl-slider .slider-wrapper .active .content-box .title, .tm-owl-slider .slider-wrapper .active .content-box .paragraph, .tm-owl-slider .slider-wrapper .active .content-box .btn-wrapper { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .tm-owl-slider .slider-wrapper .active .content-box .sub-title { -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; } .tm-owl-slider .slider-wrapper .active .content-box .title { -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .tm-owl-slider .slider-wrapper .active .content-box .paragraph { -webkit-transition-delay: 1300ms; -moz-transition-delay: 1300ms; -ms-transition-delay: 1300ms; -o-transition-delay: 1300ms; transition-delay: 1300ms; } .tm-owl-slider .slider-wrapper .active .content-box .btn-wrapper { -webkit-transition-delay: 1600ms; -moz-transition-delay: 1600ms; -ms-transition-delay: 1600ms; -o-transition-delay: 1600ms; transition-delay: 1600ms; } /* * slider.scss * ----------------------------------------------- */ /* * 404.scss * ----------------------------------------------- */ .page-404-wrapper.page-404-wrapper-padding { padding-top: 100px; padding-bottom: 50px; } .page-404-wrapper .page-404-main-content { margin-bottom: 25px; } .page-404-wrapper .page-404-main-content .title { font-size: 11rem; line-height: 1; margin-top: 0; margin-bottom: 2rem; } .page-404-wrapper .page-404-main-content .sub-title { font-size: 2rem; line-height: 1; margin-top: 0; margin-bottom: 1.7rem; } .page-404-wrapper .page-404-main-content .content, .page-404-wrapper .page-404-main-content .content p { margin-bottom: 1.7rem; } .page-404-wrapper .search-box { margin-bottom: 2rem; } .page-404-wrapper .search-box .paragraph { margin-bottom: 1rem; } .page-404-wrapper .helpful-links { margin-bottom: 25px; } .page-404-wrapper .helpful-links ul { list-style: none; } .page-404-wrapper .helpful-links ul li { padding-left: 15px; position: relative; } .page-404-wrapper .helpful-links ul li::before { content: "\f0da"; left: 0; top: 0; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #ccc; } .page-404-wrapper .helpful-links ul li a { color: #666; font-size: 0.875rem; font-weight: 500; } .page-404-wrapper.page-404-layout-split .page-404-main-content .title { font-size: 8rem; line-height: 1; margin-top: 0; margin-bottom: 1rem; } .page-404-wrapper.page-404-layout-split .page-404-main-content .sub-title { font-size: 1.7rem; line-height: 1; margin-top: 0; margin-bottom: 1.2rem; } .page-404-wrapper.page-404-layout-split .page-404-main-content .content, .page-404-wrapper.page-404-layout-split .page-404-main-content .content p { margin-bottom: 1rem; } /* * archive.scss * ----------------------------------------------- */ body.archive .main-content-area article { margin-bottom: 20px; border-bottom: 1px solid rgba(240, 240, 240, 0.5); } body.archive.post-type-archive .main-content-area, body.archive.tax-product_cat .main-content-area { padding-bottom: 70px; } /* * page.scss * ----------------------------------------------- */ table { margin: 0 0 40px; width: 100%; } table td, table th { padding: 8px; } .main-content-area { min-height: 0; } /* * animations.scss * ----------------------------------------------- */ .tm-animation { opacity: 0; } .tm-animation.fade-in.animate { -webkit-animation: fadeIn 0.95s ease forwards; animation: fadeIn 0.95s ease forwards; } .tm-animation.fade-in2.animate { -webkit-animation: fadeIn 0.95s ease forwards; animation: fadeIn 0.95s ease forwards; animation-delay: .2s; } .tm-animation.fade-in3.animate { -webkit-animation: fadeIn 0.95s ease forwards; animation: fadeIn 0.95s ease forwards; animation-delay: .4s; } .tm-animation.fade-in4.animate { -webkit-animation: fadeIn 0.95s ease forwards; animation: fadeIn 0.95s ease forwards; animation-delay: .6s; } .tm-animation.move-up.animate { -webkit-transform: translateY(150px); transform: translateY(150px); -webkit-animation: moveVertical 0.65s ease forwards; animation: moveVertical 0.65s ease forwards; } .tm-animation.move-up2.animate { -webkit-transform: translateY(150px); transform: translateY(150px); -webkit-animation: moveVertical 0.65s ease forwards; animation: moveVertical 0.65s ease forwards; animation-delay: .2s; } .tm-animation.move-up3.animate { -webkit-transform: translateY(150px); transform: translateY(150px); -webkit-animation: moveVertical 0.65s ease forwards; animation: moveVertical 0.65s ease forwards; animation-delay: .4s; } .tm-animation.move-up4.animate { -webkit-transform: translateY(150px); transform: translateY(150px); -webkit-animation: moveVertical 0.65s ease forwards; animation: moveVertical 0.65s ease forwards; animation-delay: .6s; } .tm-animation.move-down.animate { -webkit-transform: translateY(-150px); transform: translateY(-150px); -webkit-animation: moveVertical 0.65s ease forwards; animation: moveVertical 0.65s ease forwards; } .tm-animation.move-down2.animate { -webkit-transform: translateY(-150px); transform: translateY(-150px); -webkit-animation: moveVertical 0.65s ease forwards; animation: moveVertical 0.65s ease forwards; animation-delay: .2s; } .tm-animation.move-down3.animate { -webkit-transform: translateY(-150px); transform: translateY(-150px); -webkit-animation: moveVertical 0.65s ease forwards; animation: moveVertical 0.65s ease forwards; animation-delay: .4s; } .tm-animation.move-down4.animate { -webkit-transform: translateY(-150px); transform: translateY(-150px); -webkit-animation: moveVertical 0.65s ease forwards; animation: moveVertical 0.65s ease forwards; animation-delay: .6s; } .tm-animation.move-left.animate { -webkit-transform: translateX(150px); transform: translateX(150px); -webkit-animation: moveHorizontal 0.65s ease forwards; animation: moveHorizontal 0.65s ease forwards; } .tm-animation.move-left2.animate { -webkit-transform: translateX(150px); transform: translateX(150px); -webkit-animation: moveHorizontal 0.65s ease forwards; animation: moveHorizontal 0.65s ease forwards; animation-delay: .2s; } .tm-animation.move-left3.animate { -webkit-transform: translateX(150px); transform: translateX(150px); -webkit-animation: moveHorizontal 0.65s ease forwards; animation: moveHorizontal 0.65s ease forwards; animation-delay: .4s; } .tm-animation.move-left4.animate { -webkit-transform: translateX(150px); transform: translateX(150px); -webkit-animation: moveHorizontal 0.65s ease forwards; animation: moveHorizontal 0.65s ease forwards; animation-delay: .6s; } .tm-animation.move-right.animate { -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-animation: moveHorizontal 0.65s ease forwards; animation: moveHorizontal 0.65s ease forwards; } .tm-animation.move-right2.animate { -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-animation: moveHorizontal 0.65s ease forwards; animation: moveHorizontal 0.65s ease forwards; animation-delay: .2s; } .tm-animation.move-right3.animate { -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-animation: moveHorizontal 0.65s ease forwards; animation: moveHorizontal 0.65s ease forwards; animation-delay: .4s; } .tm-animation.move-right4.animate { -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-animation: moveHorizontal 0.65s ease forwards; animation: moveHorizontal 0.65s ease forwards; animation-delay: .6s; } .tm-animation.scale-up.animate { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: scaleUp 0.65s ease-in-out forwards; animation: scaleUp 0.65s ease-in-out forwards; } .tm-animation.fall-perspective { -webkit-perspective: 1300px; perspective: 1300px; } .tm-animation.fall-perspective.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg); transform: translateZ(400px) translateY(300px) rotateX(-90deg); -webkit-animation: fallPerspective .8s ease-in-out forwards; animation: fallPerspective .8s ease-in-out forwards; } .tm-animation.fly { -webkit-perspective: 1300px; perspective: 1300px; } .tm-animation.fly.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -300px; transform-origin: 50% 50% -300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-animation: fly .8s ease-in-out forwards; animation: fly .8s ease-in-out forwards; } .tm-animation.flip.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-80deg); transform: rotateX(-80deg); -webkit-animation: flip .8s ease-in-out forwards; animation: flip .8s ease-in-out forwards; } .tm-animation.helix { -webkit-perspective: 1300px; perspective: 1300px; } .tm-animation.helix.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: helix .8s ease-in-out forwards; animation: helix .8s ease-in-out forwards; } .tm-animation.pop-up { -webkit-perspective: 1300px; perspective: 1300px; } .tm-animation.pop-up.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-animation: popUp .8s ease-in forwards; animation: popUp .8s ease-in forwards; } @-webkit-keyframes fadeIn { 0% { } 100% { opacity: 1; } } @keyframes fadeIn { 0% { } 100% { opacity: 1; } } @-webkit-keyframes moveVertical { 0% { } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes moveVertical { 0% { } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes moveHorizontal { 0% { } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes moveHorizontal { 0% { } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-webkit-keyframes scaleUp { 0% { } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes scaleUp { 0% { } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes fallPerspective { 0% { } 100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @keyframes fallPerspective { 0% { } 100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @-webkit-keyframes fly { 0% { } 100% { -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes fly { 0% { } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @-webkit-keyframes flip { 0% { } 100% { -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes flip { 0% { } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @-webkit-keyframes helix { 0% { } 100% { -webkit-transform: rotateY(0deg); opacity: 1; } } @keyframes helix { 0% { } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @-webkit-keyframes popUp { 0% { } 70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes popUp { 0% { } 70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .tm-floating-objects > span { position: absolute; width: 100px; height: 100px; z-index: 0; background-repeat: no-repeat; background-position: center; } .tm-floating-objects2 > span { position: absolute; width: 100px; height: 100px; z-index: 0; background-repeat: no-repeat; background-position: center; } .tm-floating-objects2 .floating-object-1 { left: 5%; top: 20%; background-image: url("../images/floating-objects/21.png"); } .tm-floating-objects2 .floating-object-2 { left: 3%; bottom: 20%; background-image: url("../images/floating-objects/22.png"); } .tm-floating-objects2 .floating-object-3 { right: 5%; top: 10%; background-image: url("../images/floating-objects/23.png"); } .tm-floating-objects2 .floating-object-4 { right: 10%; bottom: 5%; background-image: url("../images/floating-objects/24.png"); } .tm-item-appear-clip-path { clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0); -webkit-transition: 1s cubic-bezier(0.85, 0.15, 0.25, 1) !important; -moz-transition: 1s cubic-bezier(0.85, 0.15, 0.25, 1) !important; transition: 1s cubic-bezier(0.85, 0.15, 0.25, 1) !important; } .tm-item-appear-clip-path.tm-item-appeared { clip-path: inset(-20% -20% -20% -20%); -webkit-clip-path: inset(-20% -20% -20% -20%); } .fadeInUp { animation-name: fadeInUp; animation-duration: 1.3s; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 25%, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; animation-duration: 1s; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-15%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; animation-duration: 1s; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(15%, 0, 0); } to { opacity: 1; transform: none; } } .tm-animation-floating { -webkit-animation-name: tm-animation-floating; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: Floating; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; } @-webkit-keyframes tm-animation-floating { from { -webkit-transform: translate(0, 0px); } 65% { -webkit-transform: translate(0, 15px); } to { -webkit-transform: translate(0, 0px); } } @-moz-keyframes tm-animation-floating { from { -moz-transform: translate(0, 0px); } 65% { -moz-transform: translate(0, 15px); } to { -moz-transform: translate(0, 0px); } } .tm-animation-slide-horizontal { -webkit-animation: tm-animation-slide-horizontal 3s linear infinite alternate-reverse both; animation: tm-animation-slide-horizontal 3s linear infinite alternate-reverse both; } @-webkit-keyframes tm-animation-slide-horizontal { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } } @keyframes tm-animation-slide-horizontal { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } } .tm-animation-walking { -webkit-animation: linear infinite alternate; -webkit-animation-name: tm-animation-walking; -webkit-animation-duration: 25s; -ms-animation: linear infinite alternate; -ms-animation-name: tm-animation-walking; -ms-animation-duration: 25s; -moz-animation: linear infinite alternate; -moz-animation-name: tm-animation-walking; -moz-animation-duration: 25s; } @-webkit-keyframes tm-animation-walking { 0% { left: -20%; } 50% { left: 0%; } 100% { left: 20%; } } @-moz-keyframes tm-animation-walking { 0% { left: -20%; } 50% { left: 0%; } 100% { left: 20%; } } .tm-animation-scaling { -webkit-animation-name: tm-animation-scaling; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: tm-animation-scaling; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; } @-webkit-keyframes tm-animation-scaling { from { -webkit-transform: scale(0.6); } 65% { -webkit-transform: scale(1.2); } to { -webkit-transform: scale(0.6); } } @-moz-keyframes tm-animation-scaling { from { -moz-transform: scale(0.6); } 65% { -moz-transform: scale(1.2); } to { -moz-transform: scale(0.6); } } .tm-animation-flicker { -webkit-animation: tm-animation-flicker 3s infinite; -moz-animation: tm-animation-flicker 3s infinite; -o-animation: tm-animation-flicker 3s infinite; animation: tm-animation-flicker 3s infinite; } @keyframes tm-animation-flicker { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } } @-o-keyframes tm-animation-flicker { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } } @-moz-keyframes tm-animation-flicker { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } } @-webkit-keyframes tm-animation-flicker { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } } .tm-animation-spin { -webkit-animation: tm-animation-spin 10s linear infinite; -moz-animation: tm-animation-spin 10s linear infinite; animation: tm-animation-spin 10s linear infinite; } @-moz-keyframes tm-animation-spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes tm-animation-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes tm-animation-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .tm-animation-spin-half { -webkit-animation: tm-animation-spin-half 10s linear infinite; -moz-animation: tm-animation-spin-half 10s linear infinite; animation: tm-animation-spin-half 10s linear infinite; } @-webkit-keyframes tm-animation-spin-half { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes tm-animation-spin-half { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .tm-animation-random { -webkit-animation: tm-animation-random 10s linear infinite; -moz-animation: tm-animation-random 10s linear infinite; animation: tm-animation-random 10s linear infinite; } @keyframes tm-animation-random { 0% { transform: translate(0px, 0px) rotate(0deg) scale(1); } 20% { transform: translate(73px, -1px) rotate(36deg) scale(0.9); } 40% { transform: translate(141px, 72px) rotate(72deg) scale(1); } 60% { transform: translate(83px, 122px) rotate(108deg) scale(1.2); } 80% { transform: translate(-40px, 72px) rotate(144deg) scale(1.1); } 100% { transform: translate(0px, 0px) rotate(0deg) scale(1); } } @-webkit-keyframes tm-animation-random { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); } 20% { -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9); } 40% { -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1); } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2); } 80% { -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); } } .tm-animation-random2 { -webkit-animation: tm-animation-random2 10s linear infinite; -moz-animation: tm-animation-random2 10s linear infinite; animation: tm-animation-random2 10s linear infinite; } @keyframes tm-animation-random2 { 0% { transform: translate(61px, -99px) rotate(0deg); } 21% { transform: translate(4px, -190px) rotate(38deg); } 41% { transform: translate(-139px, -200px) rotate(74deg); } 60% { transform: translate(-263px, -164px) rotate(108deg); } 80% { transform: translate(-195px, -49px) rotate(144deg); } 100% { transform: translate(-1px, 0px) rotate(180deg); } } @-webkit-keyframes tm-animation-random2 { 0% { -webkit-transform: translate(61px, -99px) rotate(0deg); } 21% { -webkit-transform: translate(4px, -190px) rotate(38deg); } 41% { -webkit-transform: translate(-139px, -200px) rotate(74deg); } 60% { -webkit-transform: translate(-263px, -164px) rotate(108deg); } 80% { -webkit-transform: translate(-195px, -49px) rotate(144deg); } 100% { -webkit-transform: translate(-1px, 0px) rotate(180deg); } } .tm-animation-bgimg { -webkit-animation: tm-animation-bgimg 10s linear infinite; -moz-animation: tm-animation-bgimg 10s linear infinite; animation: tm-animation-bgimg 10s linear infinite; } @keyframes tm-animation-bgimg { 0% { background-position: 0 0; } 50% { background-position: 370% 0; } 100% { background-position: 0 0; } } @-webkit-keyframes tm-animation-bgimg { 0% { background-position: 0 0; } 50% { background-position: 370% 0; } 100% { background-position: 0 0; } } /* * final-countdown.scss * ----------------------------------------------- */ .final-countdown-timer { font-size: 32px; } .final-countdown-timer span { font-size: 16px; } /* * pagination.scss * ----------------------------------------------- */ .pagination-wrapper { text-align: center; } .pagination { margin-top: 40px; } .pagination > .page-item { padding-left: 0 !important; margin-right: 10px; } .pagination > .page-item .page-link { color: #666; border-color: #ddd; background-color: #fff; border: 3px solid rgba(35, 35, 35, 0.15); border-radius: 50%; text-align: center; height: 50px; width: 50px; display: table-cell; vertical-align: middle; box-shadow: 0px 0 20px rgba(5, 5, 5, 0.15); } @media (max-width: 991.98px) { .pagination > .page-item .page-link { height: 35px; width: 35px; padding: 5px; } } .pagination > .page-item .page-link:hover { background-color: #eee; border-color: #dee2e6; } .pagination2 { margin-bottom: 0; } @media (max-width: 991.98px) { .pagination2 { margin-bottom: 30px; } } .pagination2 > .page-item > .page-link, .pagination2 > .page-item > span { background-color: #eee; border: 0; border-radius: 0; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1) inset; color: #777; font-size: 15px; line-height: 1.8; margin-right: 10px; padding: 4px 14px; } .pagination2 > .page-item:last-child > a, .pagination2 > .page-item:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0; } .pagination2 > .page-item:first-child > a, .pagination2 > .page-item:first-child > span { border-bottom-left-radius: 0; border-top-left-radius: 0; } .pagination2 > .page-item > a:focus, .pagination2 > .page-item > a:hover, .pagination2 > .page-item > span:focus, .pagination2 > .page-item > span:hover { background-color: #333; border-color: #333; color: #fff; } /* * shortcode.scss * ----------------------------------------------- */ .accordion-header { margin-bottom: 0; margin-top: 0; } .tm-accordion .accordion-item { margin-bottom: 5px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.125); box-shadow: 0 14px 18px 0 rgba(0, 0, 0, 0.05); } .tm-accordion .accordion-item:first-child { border-radius: 15px 15px 0 0; } .tm-accordion .accordion-item:last-child { border-radius: 0 0 15px 15px; } .tm-accordion .accordion-item .accordion-header { background-color: #fff; border-top: none; } .tm-accordion .accordion-item .accordion-header:hover { cursor: pointer; } .tm-accordion .accordion-item .accordion-header .accordion-button { border: none; } .tm-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { color: #111; background-color: #eee; } .tm-accordion .accordion-item .accordion-header .titles { padding: 1rem 2rem; margin: 0; position: relative; } .tm-accordion .accordion-item .accordion-header .titles .accordion-controls-icon { opacity: 0.4; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.4s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-accordion .accordion-item .accordion-header .titles .accordion-controls-icon { transition: none; } } .tm-accordion .accordion-item .accordion-header .titles:not(.collapsed) .accordion-controls-icon { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .tm-accordion .accordion-item .accordion-collapse { border: none; } .tm-accordion.accordion-classic .accordion-item .accordion-header .accordion-button:not(.collapsed) { background-color: #f5f5f5; } .tm-accordion.accordion-gradient .accordion-item .accordion-header .accordion-button:not(.collapsed) { background: #e6e6e6; background: linear-gradient(0deg, #e6e6e6 0%, white 45%, #e6e6e6 100%); } /* * Shortcode: animated-layer-advanced.scss * ----------------------------------------------- */ .tm-sc-animated-layer-advanced { position: relative; line-height: 0; max-width: 100%; } .tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper { position: relative; line-height: 0; display: block; width: inherit; max-width: 100%; height: inherit; max-height: 100%; } .tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper:not(:first-child) { position: absolute; top: 0; } .tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-image { transition: all 1s ease; transition-delay: 700ms; display: inline-block; } .tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.box-shadow-around-img img { box-shadow: 0px 0px 40px rgba(5, 5, 5, 0.15); } .tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.layer-image-fullwidth .layer-image { display: block; } .tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.layer-image-fullwidth img { width: 100%; } /* * Shortcode: animated-layer-images.scss * ----------------------------------------------- */ .tm-sc-animated-layer-images { position: relative; line-height: 0; max-width: 100%; } .tm-sc-animated-layer-images .layer-image-wrapper { position: relative; line-height: 0; display: block; width: inherit; max-width: 100%; height: inherit; max-height: 100%; } .tm-sc-animated-layer-images .layer-image-wrapper:not(:first-child) { position: absolute; top: 0; } .tm-sc-animated-layer-images .layer-image-wrapper .layer-image { transition: all 1s ease; transition-delay: 700ms; } /* * Shortcode: blockquote.scss * ----------------------------------------------- */ blockquote { position: relative; padding: 0; border-left: 2px solid #cdcdcd; padding-left: 1rem; margin: 15px 0; } blockquote footer { color: #888; font-size: 15px; } blockquote p { color: #444; font-size: 1rem; line-height: 1.7; } blockquote cite { font-size: 0.9rem; } blockquote.tm-sc-blockquote { font-style: normal; padding: 20px; background-color: #fcfcfc; box-shadow: 0 0 1px #ddd; border-left: 5px solid #cdcdcd; } blockquote.blockquote-style2 { background-color: #fcfcfc; box-shadow: 0 0 1px #ddd; border-left: 0; margin-top: 0; padding: 20px; } blockquote.blockquote-style2 p { font-size: 24px; line-height: 1.7; color: #333; } blockquote.blockquote-style2 footer { color: #888; } blockquote.blockquote-style3 { border-left: 3px solid #cdcdcd; padding: 0 30px 0; background-color: transparent; box-shadow: none; } blockquote.blockquote-style3:before { color: rgba(0, 0, 0, 0.3); content: "\f10e"; font-family: "Font Awesome 5 Free"; font-size: 50px; font-weight: 600; opacity: 0.20; position: absolute; left: 5px; top: -25px; transform: rotate(180deg); } blockquote.blockquote-style4 { border-left: 3px solid #cdcdcd; padding: 0 30px 0; background-color: transparent; box-shadow: none; margin-top: 0; } blockquote.blockquote-style4:before { color: rgba(0, 0, 0, 0.3); content: "\f10e"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 50px; opacity: 0.20; position: absolute; left: 5px; top: -25px; transform: rotate(180deg); } blockquote.blockquote-style4 p { font-size: 24px; line-height: 1.7; color: #333; } blockquote.blockquote-style4 footer { color: #888; } blockquote.blockquote-style5 { background: #f9f9f9; padding: 30px 30px 30px; border-left: 10px solid #cdcdcd; box-shadow: none; } blockquote.blockquote-style5:before { color: rgba(0, 0, 0, 0.3); content: "\f10e"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 50px; opacity: 0.20; position: absolute; left: 5px; top: -10px; transform: rotate(180deg); } blockquote.blockquote-style6 { background: #f9f9f9; padding: 30px 30px 30px; border-left: 10px solid #cdcdcd; box-shadow: none; margin-top: 0; } blockquote.blockquote-style6:before { color: rgba(0, 0, 0, 0.3); content: "\f10e"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 50px; opacity: 0.20; position: absolute; left: 5px; top: -10px; transform: rotate(180deg); } blockquote.blockquote-style6 p { font-size: 24px; line-height: 1.7; color: #333; } blockquote.blockquote-style6 footer { color: #888; } blockquote.blockquote-style7 { padding: 30px 30px 30px; border-left: 0; background: none; box-shadow: none; } blockquote.blockquote-style7:before { color: rgba(0, 0, 0, 0.3); content: "\f10e"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 70px; opacity: 0.20; position: absolute; left: 16px; top: -20px; transform: rotate(180deg); } blockquote.blockquote-style8 { padding: 30px 30px 30px; border-left: 0; background: none; box-shadow: none; } blockquote.blockquote-style8:before { color: rgba(0, 0, 0, 0.3); content: "\f10e"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 70px; opacity: 0.20; position: absolute; left: 16px; top: -20px; transform: rotate(180deg); } blockquote.blockquote-style8 p { font-size: 24px; line-height: 1.7; color: #333; } blockquote.blockquote-style8 footer { color: #888; } blockquote.blockquote-style8 footer cite { font-size: 0.9rem; font-style: normal; text-align: left; } /* * Shortcode: common.scss * ----------------------------------------------- */ .tm-sc-blog article .entry-title { line-height: 1.4; } .tm-sc-blog article .box-hover-effect { display: block; } .tm-sc-blog article .post-thumb .post-thumb-inner .thumb { display: flex; overflow: hidden; position: relative; } .tm-sc-blog article .post-thumb .post-thumb-inner .thumb img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: all 0.4s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-sc-blog article .post-thumb .post-thumb-inner .thumb img { transition: none; } } .tm-sc-blog article .post-thumb .post-thumb-inner .thumb .icon-link { background: #2d1212; color: #fff; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .45s; transition: all .45s; -moz-transition: all .45s; -ms-transition: all .45s; width: 32px; height: 32px; line-height: 33px; position: absolute; top: 15px; right: 15px; z-index: 99; text-align: center; margin-top: 45px; } .tm-sc-blog article:hover .post-thumb .post-thumb-inner .thumb img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .tm-sc-blog article:hover .post-thumb .post-thumb-inner .thumb:after { -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); opacity: 1; } .tm-sc-blog article:hover .post-thumb .post-thumb-inner .thumb .icon-link { opacity: 1; } .tm-sc-blog.tm-sc-blog-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner { height: 100%; } .tm-sc-blog.tm-sc-blog-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .post { height: 100%; } .tm-sc-blog.tm-sc-blog-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .post .entry-header { height: 100%; } .tm-sc-blog.tm-sc-blog-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .post .entry-header .post-thumb { height: 100%; } .tm-sc-blog.tm-sc-blog-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .post .entry-header .post-thumb .post-thumb-inner { height: 100%; } .tm-sc-blog.tm-sc-blog-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .post .entry-header .post-thumb .post-thumb-inner .thumb { height: 100%; } .tm-sc-blog.blog-style-default .isotope-item-inner { overflow: visible; } .tm-sc-blog.blog-style-default article { box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); -webkit-transition: all 0.3s cubic-bezier(0.7, 0.04, 0.37, 1); transition: all 0.3s cubic-bezier(0.7, 0.04, 0.37, 1); background-color: #fff; border-radius: 7px 7px 0 0; } .tm-sc-blog.blog-style-default article .entry-header { position: relative; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.3s cubic-bezier(0.7, 0.04, 0.37, 1); transition: all 0.3s cubic-bezier(0.7, 0.04, 0.37, 1); } .tm-sc-blog.blog-style-default article .entry-header .thumb { border-radius: 7px 7px 0 0; } .tm-sc-blog.blog-style-default article .entry-header .post-single-meta { position: absolute; top: 15px; left: 15px; } .tm-sc-blog.blog-style-default article .entry-header .post-single-meta a { width: 78px; background: #fff; padding: 15px 15px 15px 15px; display: inline-block; height: 78px; border-radius: 50%; line-height: 1.3; text-align: center; color: #180e28; } .tm-sc-blog.blog-style-default article .entry-header .post-single-meta .entry-date .day { display: block; } .tm-sc-blog.blog-style-default article .entry-header .post-single-meta .entry-date .year { display: none; } .tm-sc-blog.blog-style-default article .entry-header .link { background: #333; position: absolute; left: 0; top: 45%; right: 0; height: 50px; width: 50px; color: #fff; padding: 10px; text-align: center; margin: 0 auto; z-index: 1; opacity: 0; transition: all 0.4s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-sc-blog.blog-style-default article .entry-header .link { transition: none; } } .tm-sc-blog.blog-style-default article .entry-content { padding: 40px; background-color: #fff; position: relative; } .tm-sc-blog.blog-style-default article .entry-content .entry-title { margin-top: 0; } .tm-sc-blog.blog-style-default article .entry-content .post-excerpt { padding: 15px 0 25px; margin-bottom: 0; } .tm-sc-blog.blog-style-default article .entry-content .entry-meta { font-size: 14px; margin-bottom: 1.2rem; color: #999; border-top: 1px solid rgba(204, 204, 204, 0.3); padding-top: 20px; margin-top: 20px; } .tm-sc-blog.blog-style-default article .entry-content .post-btn-readmore .btn-plain-text { color: #F89D35; font-size: 12px; } .tm-sc-blog.blog-style-default article .entry-content .post-btn-readmore .btn-plain-text:hover, .tm-sc-blog.blog-style-default article .entry-content .post-btn-readmore .btn-plain-text:focus { color: #000; } .tm-sc-blog.blog-style-default article:hover { box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15); } .tm-sc-blog.blog-style-default article:hover .entry-header { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } .tm-sc-blog.blog-style-default article:hover .entry-header .link { opacity: 1; transform: rotateY(180deg); } .single-post .tagline { margin-bottom: 50px; padding-top: 30px; margin-top: 40px; border-bottom: 1px solid #eee; border-top: 1px solid #eee; } .single-post .comments-area .media-body { position: relative; } .single-post .comments-area .media-body.inner-comment { padding: 20px; background: #f8f9fa; margin-left: 10px; border-radius: 10px; margin-bottom: 40px; } .single-post .comments-area .media-body.comments-style { margin-left: 20px; margin-top: -5px; } .single-post .comments-area .post-right.style { border-bottom: 1px solid #eee; padding-bottom: 40px; margin-bottom: 20px; } .single-post .comments-area .comment-heading span { font-style: italic; font-size: 90%; color: #777; } .single-post .replay-icon { position: absolute; top: 10px; right: 10px; font-size: .9rem; } /* * Shortcode: button.scss * ----------------------------------------------- */ .btn-gray { color: #fff; background-color: #666; border-color: #666; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-gray:hover { color: #fff; background-color: #575757; border-color: #525252; } .btn-check:focus + .btn-gray, .btn-gray:focus { color: #fff; background-color: #575757; border-color: #525252; box-shadow: 0 0 0 0.25rem rgba(125, 125, 125, 0.5); } .btn-check:checked + .btn-gray, .btn-check:active + .btn-gray, .btn-gray:active, .btn-gray.active, .show > .btn-gray.dropdown-toggle { color: #fff; background-color: #525252; border-color: #4d4d4d; } .btn-check:checked + .btn-gray:focus, .btn-check:active + .btn-gray:focus, .btn-gray:active:focus, .btn-gray.active:focus, .show > .btn-gray.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(125, 125, 125, 0.5); } .btn-gray:disabled, .btn-gray.disabled { color: #fff; background-color: #666; border-color: #666; } .btn-outline-gray { color: #666; border-color: #666; } .btn-outline-gray:hover { color: #fff; background-color: #666; border-color: #666; } .btn-check:focus + .btn-outline-gray, .btn-outline-gray:focus { box-shadow: 0 0 0 0.25rem rgba(102, 102, 102, 0.5); } .btn-check:checked + .btn-outline-gray, .btn-check:active + .btn-outline-gray, .btn-outline-gray:active, .btn-outline-gray.active, .btn-outline-gray.dropdown-toggle.show { color: #fff; background-color: #666; border-color: #666; } .btn-check:checked + .btn-outline-gray:focus, .btn-check:active + .btn-outline-gray:focus, .btn-outline-gray:active:focus, .btn-outline-gray.active:focus, .btn-outline-gray.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(102, 102, 102, 0.5); } .btn-outline-gray:disabled, .btn-outline-gray.disabled { color: #666; background-color: transparent; } .btn-xs { padding: 0.5rem 1rem; font-size: 0.8rem; border-radius: 0.2rem; } .btn { border-width: 2px; letter-spacing: .05rem; padding: 0.8rem 2.5rem; overflow: hidden; transition: all 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn.focus, .btn:focus { box-shadow: none !important; } .btn-group-xs > .btn, .btn-xs { padding: 0.75rem 1rem; } .btn-group-sm > .btn, .btn-sm { padding: 0.50rem 1.5rem; } .btn-group-lg > .btn, .btn-lg { padding: 1.1rem 3.00rem; } .btn-light, .btn-outline-light { box-shadow: 0 7px 20px rgba(170, 170, 170, 0.2); } .btn-light:hover, .btn-outline-light:hover { box-shadow: 0 10px 20px rgba(170, 170, 170, 0.5); } .btn-dark:hover { color: #212529; background-color: transparent; } .btn-dark, .btn-outline-dark { box-shadow: 0 7px 20px rgba(33, 37, 41, 0.2); } .btn-dark:hover, .btn-outline-dark:hover { box-shadow: 0 10px 20px rgba(33, 37, 41, 0.5); } .btn-gray:hover { color: #666; border-color: #666; background-color: transparent; } /* button 3D */ .btn-3d { box-shadow: 0 4px 1px #999999; margin-bottom: 4px; } .btn-round { border-radius: 3rem; } .btn-flat { border-radius: 0; } .btn-modern-white { position: relative; overflow: hidden; border-width: 2px; color: #333; border-color: #eeeeee; background-color: transparent; } .btn-modern-white:after { content: ""; background-color: #111; width: 0; height: 100%; top: 0; position: absolute; left: auto; right: 0; z-index: -1; -webkit-transition: width 0.6s cubic-bezier(0.3, 0.8, 0.3, 1) 0s; transition: width 0.6s cubic-bezier(0.3, 0.8, 0.3, 1) 0s; } .btn-modern-white:hover { color: #ffffff; border-color: #111; } .btn-modern-white:hover:after { width: 100%; left: 0; right: auto; } .btn-modern-theme-colored { position: relative; overflow: hidden; border-width: 2px; color: #333; border-color: #eeeeee; background-color: transparent; z-index: 0; } .btn-modern-theme-colored:after { content: ""; background-color: #fff; width: 0; height: 100%; top: 0; position: absolute; left: auto; right: 0; z-index: -1; -webkit-transition: width 0.6s cubic-bezier(0.3, 0.8, 0.3, 1) 0s; transition: width 0.6s cubic-bezier(0.3, 0.8, 0.3, 1) 0s; } .btn-modern-theme-colored:hover { border-color: #eee; } .btn-modern-theme-colored:hover:after { width: 100%; left: 0; right: auto; } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Bounce To Right */ .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Shutter Out Horizontal */ .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .hvr-sweep-to-right[class^="btn-outline-"]:hover, .hvr-sweep-to-right[class^="btn-outline-"]:focus, .hvr-sweep-to-right[class^="btn-outline-"]:active, .hvr-sweep-to-right[class*=" btn-outline-"]:hover, .hvr-sweep-to-right[class*=" btn-outline-"]:focus, .hvr-sweep-to-right[class*=" btn-outline-"]:active, .hvr-bounce-to-right[class^="btn-outline-"]:hover, .hvr-bounce-to-right[class^="btn-outline-"]:focus, .hvr-bounce-to-right[class^="btn-outline-"]:active, .hvr-bounce-to-right[class*=" btn-outline-"]:hover, .hvr-bounce-to-right[class*=" btn-outline-"]:focus, .hvr-bounce-to-right[class*=" btn-outline-"]:active, .hvr-shutter-out-horizontal[class^="btn-outline-"]:hover, .hvr-shutter-out-horizontal[class^="btn-outline-"]:focus, .hvr-shutter-out-horizontal[class^="btn-outline-"]:active, .hvr-shutter-out-horizontal[class*=" btn-outline-"]:hover, .hvr-shutter-out-horizontal[class*=" btn-outline-"]:focus, .hvr-shutter-out-horizontal[class*=" btn-outline-"]:active { background-color: transparent; } .hvr-sweep-to-right[class^="btn-outline-"].btn-outline-gray:before, .hvr-sweep-to-right[class*=" btn-outline-"].btn-outline-gray:before, .hvr-bounce-to-right[class^="btn-outline-"].btn-outline-gray:before, .hvr-bounce-to-right[class*=" btn-outline-"].btn-outline-gray:before, .hvr-shutter-out-horizontal[class^="btn-outline-"].btn-outline-gray:before, .hvr-shutter-out-horizontal[class*=" btn-outline-"].btn-outline-gray:before { background: "gray"; } .hvr-sweep-to-right[class^="btn-outline-"].btn-outline-primary:before, .hvr-sweep-to-right[class*=" btn-outline-"].btn-outline-primary:before, .hvr-bounce-to-right[class^="btn-outline-"].btn-outline-primary:before, .hvr-bounce-to-right[class*=" btn-outline-"].btn-outline-primary:before, .hvr-shutter-out-horizontal[class^="btn-outline-"].btn-outline-primary:before, .hvr-shutter-out-horizontal[class*=" btn-outline-"].btn-outline-primary:before { background: #0d6efd; } .hvr-sweep-to-right[class^="btn-outline-"].btn-outline-secondary:before, .hvr-sweep-to-right[class*=" btn-outline-"].btn-outline-secondary:before, .hvr-bounce-to-right[class^="btn-outline-"].btn-outline-secondary:before, .hvr-bounce-to-right[class*=" btn-outline-"].btn-outline-secondary:before, .hvr-shutter-out-horizontal[class^="btn-outline-"].btn-outline-secondary:before, .hvr-shutter-out-horizontal[class*=" btn-outline-"].btn-outline-secondary:before { background: #6c757d; } .hvr-sweep-to-right[class^="btn-outline-"].btn-outline-success:before, .hvr-sweep-to-right[class*=" btn-outline-"].btn-outline-success:before, .hvr-bounce-to-right[class^="btn-outline-"].btn-outline-success:before, .hvr-bounce-to-right[class*=" btn-outline-"].btn-outline-success:before, .hvr-shutter-out-horizontal[class^="btn-outline-"].btn-outline-success:before, .hvr-shutter-out-horizontal[class*=" btn-outline-"].btn-outline-success:before { background: #198754; } .hvr-sweep-to-right[class^="btn-outline-"].btn-outline-info:before, .hvr-sweep-to-right[class*=" btn-outline-"].btn-outline-info:before, .hvr-bounce-to-right[class^="btn-outline-"].btn-outline-info:before, .hvr-bounce-to-right[class*=" btn-outline-"].btn-outline-info:before, .hvr-shutter-out-horizontal[class^="btn-outline-"].btn-outline-info:before, .hvr-shutter-out-horizontal[class*=" btn-outline-"].btn-outline-info:before { background: #0dcaf0; } .hvr-sweep-to-right[class^="btn-outline-"].btn-outline-warning:before, .hvr-sweep-to-right[class*=" btn-outline-"].btn-outline-warning:before, .hvr-bounce-to-right[class^="btn-outline-"].btn-outline-warning:before, .hvr-bounce-to-right[class*=" btn-outline-"].btn-outline-warning:before, .hvr-shutter-out-horizontal[class^="btn-outline-"].btn-outline-warning:before, .hvr-shutter-out-horizontal[class*=" btn-outline-"].btn-outline-warning:before { background: #ffc107; } .hvr-sweep-to-right[class^="btn-outline-"].btn-outline-danger:before, .hvr-sweep-to-right[class*=" btn-outline-"].btn-outline-danger:before, .hvr-bounce-to-right[class^="btn-outline-"].btn-outline-danger:before, .hvr-bounce-to-right[class*=" btn-outline-"].btn-outline-danger:before, .hvr-shutter-out-horizontal[class^="btn-outline-"].btn-outline-danger:before, .hvr-shutter-out-horizontal[class*=" btn-outline-"].btn-outline-danger:before { background: #dc3545; } .hvr-sweep-to-right[class^="btn-outline-"].btn-outline-light:before, .hvr-sweep-to-right[class*=" btn-outline-"].btn-outline-light:before, .hvr-bounce-to-right[class^="btn-outline-"].btn-outline-light:before, .hvr-bounce-to-right[class*=" btn-outline-"].btn-outline-light:before, .hvr-shutter-out-horizontal[class^="btn-outline-"].btn-outline-light:before, .hvr-shutter-out-horizontal[class*=" btn-outline-"].btn-outline-light:before { background: #f8f9fa; } .hvr-sweep-to-right[class^="btn-outline-"].btn-outline-dark:before, .hvr-sweep-to-right[class*=" btn-outline-"].btn-outline-dark:before, .hvr-bounce-to-right[class^="btn-outline-"].btn-outline-dark:before, .hvr-bounce-to-right[class*=" btn-outline-"].btn-outline-dark:before, .hvr-shutter-out-horizontal[class^="btn-outline-"].btn-outline-dark:before, .hvr-shutter-out-horizontal[class*=" btn-outline-"].btn-outline-dark:before { background: #212529; } .hvr-sweep-to-right:not(.btn-outline):hover, .hvr-sweep-to-right:not(.btn-outline):focus, .hvr-sweep-to-right:not(.btn-outline):active, .hvr-bounce-to-right:not(.btn-outline):hover, .hvr-bounce-to-right:not(.btn-outline):focus, .hvr-bounce-to-right:not(.btn-outline):active, .hvr-shutter-out-horizontal:not(.btn-outline):hover, .hvr-shutter-out-horizontal:not(.btn-outline):focus, .hvr-shutter-out-horizontal:not(.btn-outline):active { color: #222; } /* * Shortcode: call-to-action.scss * ----------------------------------------------- */ .call-to-action .cta-content p, .call-to-action .cta-content h1, .call-to-action .cta-content h2, .call-to-action .cta-content h3, .call-to-action .cta-content h4, .call-to-action .cta-content h5, .call-to-action .cta-content h6 { margin-top: 0; } /* * Shortcode: common.scss * ----------------------------------------------- */ .tm-sc .excerpt { margin-bottom: 15px; } .tm-loadmore-container { text-align: center; margin-top: 50px; } /* * Shortcode: custom-columns-holder.scss * ----------------------------------------------- */ .tm-sc-custom-columns-holder { width: 100%; display: table; table-layout: fixed; } .tm-sc-custom-columns-holder.tm-cc-two-columns .tm-sc-custom-columns-holder-item { width: 50%; } .tm-sc-custom-columns-holder.tm-cc-two-columns .tm-sc-custom-columns-holder-item { width: 50%; } .tm-sc-custom-columns-holder.tm-cc-three-columns .tm-sc-custom-columns-holder-item { width: 33%; } .tm-sc-custom-columns-holder.tm-cc-four-columns .tm-sc-custom-columns-holder-item { width: 25%; } .tm-sc-custom-columns-holder.tm-cc-five-columns .tm-sc-custom-columns-holder-item { width: 20%; } .tm-sc-custom-columns-holder.tm-cc-six-columns .tm-sc-custom-columns-holder-item { width: 16%; } .tm-sc-custom-columns-holder .tm-sc-custom-columns-holder-item { display: table-cell; vertical-align: middle; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .tm-sc-custom-columns-holder .tm-sc-custom-columns-holder-item.tm-cc-vertical-alignment-top { vertical-align: top; } .tm-sc-custom-columns-holder .tm-sc-custom-columns-holder-item.tm-cc-vertical-alignment-bottom { vertical-align: bottom; } .tm-sc-custom-columns-holder .tm-sc-custom-columns-holder-item.tm-cc-horizontal-alignment-center { text-align: center; } .tm-sc-custom-columns-holder .tm-sc-custom-columns-holder-item.tm-cc-horizontal-alignment-right { text-align: right; } .tm-sc-custom-columns-holder .tm-sc-custom-columns-holder-item .item-link { display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; line-height: 0; } .tm-sc-custom-columns-holder .tm-sc-custom-columns-holder-item .item-inner { width: 100%; } .tm-sc-custom-columns-holder .tm-sc-custom-columns-holder-item.tm-cc-eh-with-zoom { position: relative; overflow: hidden; } .tm-sc-custom-columns-holder .tm-sc-custom-columns-holder-item.tm-cc-eh-with-zoom .tm-sc-custom-columns-holder-item-image-zoom { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-transition: transform 0.5s cubic-bezier(0.15, 0.7, 0.54, 0.99); -moz-transition: transform 0.5s cubic-bezier(0.15, 0.7, 0.54, 0.99); transition: transform 0.5s cubic-bezier(0.15, 0.7, 0.54, 0.99); will-change: transform; -webkit-backface-visibility: hidden; } .tm-sc-custom-columns-holder .tm-sc-custom-columns-holder-item.tm-cc-eh-with-zoom:hover .tm-sc-custom-columns-holder-item-image-zoom { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); transform: scale(1.03); } .tm-sc-custom-columns-holder.tm-cc-elements-items-float.tm-cc-three-columns .tm-sc-custom-columns-holder-item { width: 33.33333333333333%; } .tm-sc-custom-columns-holder.tm-cc-elements-items-float.tm-cc-six-columns .tm-sc-custom-columns-holder-item { width: 16.66666666666667%; } .tm-sc-custom-columns-holder.tm-cc-elements-items-float .tm-sc-custom-columns-holder-item { float: left; } @media (max-width: 1199.98px) { .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1280.tm-cc-two-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1280.tm-cc-three-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1280.tm-cc-four-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1280.tm-cc-five-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1280.tm-cc-six-columns .tm-sc-custom-columns-holder-item { width: 100%; display: inline-block; height: auto; } } @media (max-width: 991.98px) { .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1024.tm-cc-two-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1024.tm-cc-three-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1024.tm-cc-four-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1024.tm-cc-five-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1024.tm-cc-six-columns .tm-sc-custom-columns-holder-item { width: 100%; display: inline-block; height: auto; } } @media (max-width: 767.98px) { .tm-sc-custom-columns-holder.tm-cc-responsive-mode-768.tm-cc-two-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-768.tm-cc-three-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-768.tm-cc-four-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-768.tm-cc-five-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-768.tm-cc-six-columns .tm-sc-custom-columns-holder-item { width: 100%; display: inline-block; height: auto; } } @media (max-width: 575.98px) { .tm-sc-custom-columns-holder.tm-cc-responsive-mode-600.tm-cc-two-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-600.tm-cc-three-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-600.tm-cc-four-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-600.tm-cc-five-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-600.tm-cc-six-columns .tm-sc-custom-columns-holder-item { width: 100%; display: inline-block; height: auto; } } @media (max-width: 575.98px) { .tm-sc-custom-columns-holder.tm-cc-responsive-mode-480.tm-cc-two-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-480.tm-cc-three-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-480.tm-cc-four-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-480.tm-cc-five-columns .tm-sc-custom-columns-holder-item, .tm-sc-custom-columns-holder.tm-cc-responsive-mode-480.tm-cc-six-columns .tm-sc-custom-columns-holder-item { width: 100%; display: inline-block; height: auto; } } @media (max-width: 575.98px) { .tm-sc-custom-columns-holder .item-content { padding: 0 10px; } } @media (max-width: 1199.98px) { .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1280.tm-cc-one-column-alignment-left .tm-sc-custom-columns-holder-item .item-content { text-align: left; } .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1280.tm-cc-one-column-alignment-right .tm-sc-custom-columns-holder-item .item-content { text-align: right; } .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1280.tm-cc-one-column-alignment-center .tm-sc-custom-columns-holder-item .item-content { text-align: center; } } @media (max-width: 991.98px) { .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1024.tm-cc-one-column-alignment-left .tm-sc-custom-columns-holder-item .item-content { text-align: left; } .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1024.tm-cc-one-column-alignment-right .tm-sc-custom-columns-holder-item .item-content { text-align: right; } .tm-sc-custom-columns-holder.tm-cc-responsive-mode-1024.tm-cc-one-column-alignment-center .tm-sc-custom-columns-holder-item .item-content { text-align: center; } } @media (max-width: 767.98px) { .tm-sc-custom-columns-holder.tm-cc-responsive-mode-768.tm-cc-one-column-alignment-left .tm-sc-custom-columns-holder-item .item-content { text-align: left; } .tm-sc-custom-columns-holder.tm-cc-responsive-mode-768.tm-cc-one-column-alignment-right .tm-sc-custom-columns-holder-item .item-content { text-align: right; } .tm-sc-custom-columns-holder.tm-cc-responsive-mode-768.tm-cc-one-column-alignment-center .tm-sc-custom-columns-holder-item .item-content { text-align: center; } } @media (max-width: 575.98px) { .tm-sc-custom-columns-holder.tm-cc-responsive-mode-600.tm-cc-one-column-alignment-left .tm-sc-custom-columns-holder-item .item-content { text-align: left; } .tm-sc-custom-columns-holder.tm-cc-responsive-mode-600.tm-cc-one-column-alignment-right .tm-sc-custom-columns-holder-item .item-content { text-align: right; } .tm-sc-custom-columns-holder.tm-cc-responsive-mode-600.tm-cc-one-column-alignment-center .tm-sc-custom-columns-holder-item .item-content { text-align: center; } } @media (max-width: 575.98px) { .tm-sc-custom-columns-holder.tm-cc-responsive-mode-480.tm-cc-one-column-alignment-left .tm-sc-custom-columns-holder-item .item-content { text-align: left; } .tm-sc-custom-columns-holder.tm-cc-responsive-mode-480.tm-cc-one-column-alignment-right .tm-sc-custom-columns-holder-item .item-content { text-align: right; } .tm-sc-custom-columns-holder.tm-cc-responsive-mode-480.tm-cc-one-column-alignment-center .tm-sc-custom-columns-holder-item .item-content { text-align: center; } } /* * Shortcode: dropcaps.scss * ----------------------------------------------- */ .tm-sc-dropcaps .dropcaps { color: #903; float: left; font-size: 60px; line-height: 52px; margin: 2px 10px 0 0; } .tm-sc-dropcaps.dropcaps-fill .dropcaps { background-color: #903; color: #fff; text-align: center; padding: 10px 10px 10px 10px; margin: 7px 15px 0 0; min-width: 64px; } /* * Shortcode: easy-pie-chart.scss * ----------------------------------------------- */ .easypiechart { position: relative; display: inline-block; width: 110px; height: 110px; text-align: center; } .easypiechart canvas { position: absolute; top: 0; left: 0; } .easypiechart .percent { display: inline-block; line-height: 110px; z-index: 2; } .easypiechart .percent:after { content: '%'; margin-left: 0.1em; font-size: .8em; } /* * Shortcode: element-holder.scss * ----------------------------------------------- */ .tm-element-holder .tm-element-holder-wrapper { background-position: center; background-size: cover; display: table-cell; vertical-align: middle; height: 100%; width: 100%; position: relative; z-index: 45; } .tm-element-holder .tm-element-holder-bg-text { display: block; position: absolute; line-height: 1; font-size: 100px; font-weight: bold; color: #f5f5f5; } /* * Shortcode: final-countdown.scss * ----------------------------------------------- */ .tm-sc-countdown-timer .countdown-container { font-size: 20px; } .tm-sc-countdown-timer .countdown-container span { display: inline-block; font-size: 28px; line-height: 2; padding: 0 5px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); } .final-countdown-modern-circular .countdown-container { width: 100%; position: relative; } .final-countdown-modern-circular .countdown-container .clock-item { position: relative; } .final-countdown-modern-circular .countdown-container .clock-item .inner { position: relative; text-align: center; } .final-countdown-modern-circular .countdown-container .clock-item .inner .clock-canvas { background-color: rgba(255, 255, 255, 0.7); border-radius: 50%; height: 0; padding-bottom: 100%; } .final-countdown-modern-circular .countdown-container .clock-item .inner .text { position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); top: 50%; } .final-countdown-modern-circular .countdown-container .clock-item .inner .text .val { font-size: 36px; line-height: 1.4; font-weight: 500; margin-bottom: 0; } .final-countdown-modern-circular .countdown-container .clock-item .inner .text .type-time { font-size: 13px; margin-bottom: 0; } @media (min-width: 768px) and (max-width: 991px) { .final-countdown-modern-circular .countdown-container .clock-item { margin-bottom: 30px; } } @media (max-width: 767px) { .final-countdown-modern-circular .countdown-container .clock-item { margin: 0px 30px 30px 30px; } } .final-countdown-smart-style .countdown-timer { display: flex; justify-content: flex-start; flex-wrap: wrap; } .final-countdown-smart-style .countdown-timer .counter { background-color: rgba(0, 0, 0, 0.2); text-align: center; position: relative; border-radius: 3px; padding: 0; margin-right: 10px; margin-bottom: 20px; overflow: hidden; } .final-countdown-smart-style .countdown-timer .counter .value { font-family: "Open Sans", sans-serif; color: #fff; display: block; font-size: 3rem; padding: 15px 0; } .final-countdown-smart-style .countdown-timer .counter .label { font-size: 1.2rem; background: #111; color: #fff; display: block; padding: 5px 40px; text-transform: capitalize; } /* * Shortcode: flickr-feed.scss * ----------------------------------------------- */ .flickr-feed a { margin: 0px 7px 7px 0; width: 70px; height: 70px; float: left; background: 0 0; padding: 0; } /* * Shortcode: flipbox.scss * ----------------------------------------------- */ .vc-hoverbox-block-inner { position: absolute; padding: 45px 25px; text-align: center; left: 0; bottom: 0; top: 50%; height: 100%; width: 100%; -webkit-perspective: inherit; perspective: inherit; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94); transform: translateY(-50%) translateZ(60px) scale(0.94); z-index: 2; } .tm-sc-flipbox { position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; padding: 0; border: 0; } .tm-sc-flipbox .tm-sc-flipbox-front, .tm-sc-flipbox .tm-sc-flipbox-back { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; min-height: 420px; height: auto; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tm-sc-flipbox .tm-sc-flipbox-front:after, .tm-sc-flipbox .tm-sc-flipbox-back:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .75; } .tm-sc-flipbox .tm-sc-flipbox-front .flipbox-inner, .tm-sc-flipbox .tm-sc-flipbox-back .flipbox-inner { position: absolute; padding: 45px 25px; text-align: center; left: 0; bottom: 0; top: 50%; height: 100%; width: 100%; -webkit-perspective: inherit; perspective: inherit; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94); transform: translateY(-50%) translateZ(60px) scale(0.94); z-index: 2; } .tm-sc-flipbox .tm-sc-flipbox-front { background-color: #eee; background-repeat: no-repeat; background-size: cover; border-radius: 10px; background-position: 50% 50%; border: 2px solid transparent; } .tm-sc-flipbox .tm-sc-flipbox-back { position: absolute; top: 0; left: 0; width: 100%; border: 2px solid transparent; border-radius: 10px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .tm-sc-flipbox:hover .tm-sc-flipbox-front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .tm-sc-flipbox:hover .tm-sc-flipbox-back { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Shortcode: funfacts.scss * ----------------------------------------------- */ .tm-sc-funfact { transition: all 0.5s ease; position: relative; } @media (prefers-reduced-motion: reduce) { .tm-sc-funfact { transition: none; } } .tm-sc-funfact .funfact-icon { opacity: 0.8; transition: all 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-sc-funfact .funfact-icon { transition: none; } } .tm-sc-funfact .funfact-icon i { font-size: 45px; transition: all 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-sc-funfact .funfact-icon i { transition: none; } } .tm-sc-funfact .counter { margin-top: 0; display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: center; font-weight: 700; } .tm-sc-funfact .counter .animate-number { line-height: 1; } .tm-sc-funfact .counter .counter-postfix, .tm-sc-funfact .counter .counter-prefix { font-size: 1rem; margin: 0 4px; } .tm-sc-funfact.funfact-lefticon { display: flex; flex-wrap: nowrap; align-items: center; justify-content: left; } .tm-sc-funfact.funfact-lefticon .funfact-icon { margin-right: 20px; } .tm-sc-funfact.funfact-lefticon .details { overflow: hidden; } .tm-sc-funfact.funfact-lefticon .details .counter { justify-content: left; } .tm-sc-funfact :last-child { margin-bottom: 0; } .tm-sc-funfact:hover .funfact-icon { opacity: 1; animation: swing 0.8s ease-out infinite; -webkit-animation: swing 0.8s ease-out infinite; } /* * Shortcode: Icon Boxes * ----------------------------------------------- */ .icon-box { position: relative; z-index: 0; transition: all 0.5s ease; } @media (prefers-reduced-motion: reduce) { .icon-box { transition: none; } } .icon-box .icon { display: inline-block; height: 70px; margin-bottom: 0; transition: all 0.3s ease; width: 70px; text-align: center; font-weight: normal; } @media (prefers-reduced-motion: reduce) { .icon-box .icon { transition: none; } } .icon-box .icon i { display: inline-block; font-size: 40px; line-height: 70px; } .icon-box .icon i[class*="pe-7s-"] { vertical-align: text-bottom; } .icon-box .icon.icon-default { height: auto; width: auto; margin-bottom: 5px; } .icon-box .icon.icon-default i { line-height: 1; } .icon-box .icon.icon-gray { background-color: #eee; color: #333; } .icon-box .icon.icon-gray.icon-bordered { background-color: transparent; border: 3px solid #eee; } .icon-box:hover .icon.icon-gray { background-color: #d5d5d5; color: #111; } .icon-box:hover .icon.icon-gray.icon-bordered { background-color: #eee; color: #555; } .icon-box .icon.icon-dark { background-color: #111; color: #fff; } .icon-box .icon.icon-dark.icon-bordered { background-color: transparent; border: 3px solid #111; color: #111; } .icon-box:hover .icon.icon-dark { background-color: #eee; color: #111; } .icon-box:hover .icon.icon-dark.icon-bordered { background-color: #111; border-color: #111; color: #fff; } .icon-box .icon.icon-white { background-color: #fff; color: #333; } .icon-box .icon.icon-white.icon-bordered { background-color: transparent; border: 3px solid #fff; } .icon-box:hover .icon.icon-white { background-color: #cccccc; color: black; } .icon-box:hover .icon.icon-white.icon-bordered { background-color: #fff; border-color: #fff; color: #111; } .icon-box .icon.icon-white.icon-border-effect { position: relative; } .icon-box .icon.icon-white.icon-border-effect::after { box-shadow: 0 0 0 3px #fff; } .icon-box .icon.icon-bordered { border: 3px solid #eee; } .icon-box:hover .icon.icon-bordered { background-color: #eee; color: #111; } .icon-box .icon.icon-rounded { border-radius: 3px; } .icon-box .icon.icon-circled { border-radius: 50%; } .icon-box .icon.icon-type-image.icon-bordered { padding: 5px; } .icon-box .icon.icon-xs { height: 30px; width: 30px; } .icon-box .icon.icon-xs i { font-size: 18px; line-height: 30px; } .icon-box .icon.icon-sm { height: 50px; width: 50px; } .icon-box .icon.icon-sm i { font-size: 22px; line-height: 50px; } .icon-box .icon.icon-md { height: 75px; width: 75px; } .icon-box .icon.icon-md i { font-size: 36px; line-height: 75px; } .icon-box .icon.icon-lg { height: 90px; width: 90px; } .icon-box .icon.icon-lg i { font-size: 48px; line-height: 90px; } .icon-box .icon.icon-xl { height: 120px; width: 120px; } .icon-box .icon.icon-xl i { font-size: 60px; line-height: 120px; } .icon-box .icon.icon-border-effect { position: relative; } .icon-box .icon.icon-border-effect::after { border-radius: 50%; box-shadow: 0 0 0 3px; box-sizing: content-box; content: ""; height: 100%; left: -4px; opacity: 0; padding: 4px; top: -4px; transform: scale(0.8); transition: transform 0.3s ease 0s, opacity 0.3s ease 0s; pointer-events: none; position: absolute; width: 100%; } .icon-box .icon.icon-border-effect.effect-flat::after { border-radius: 0; } .icon-box .icon.icon-border-effect.effect-rounded::after { border-radius: 3px; } .icon-box .icon.icon-border-effect.effect-circled::after { border-radius: 50%; } .icon-box .icon.icon-border-effect.icon-gray::after { box-shadow: 0 0 0 3px #eee; } .icon-box .icon.icon-top { left: 0; margin: 0 auto; position: absolute; right: 0; top: -32px; } .icon-box .icon.icon-type-image { display: block; text-align: left; } .icon-box.text-center .icon.icon-type-image { text-align: center; display: inline-block; } .icon-box.text-right .icon.icon-type-image { text-align: right; display: inline-block; } .icon-box.iconbox-border { border: 3px solid #dcdcdc; } .icon-box.iconbox-bg { background-color: #fafafa; } .icon-box.iconbox-bg.iconbox-bg-dark { background-color: #333; } .icon-box .content p { margin-bottom: 0; } .icon-box .content a { color: #666; font-weight: 300; } .icon-box.icon-left .icon { float: left; margin-right: 20px; } @media (max-width: 991.98px) { .icon-box.icon-left .icon { float: none !important; margin-right: 0; margin-bottom: 15px; } } .icon-box.icon-left .icon.no-bg { width: auto; height: auto; } .icon-box.icon-left .icon-text { overflow: hidden; } .icon-box.icon-left .icon-text .icon-box-title, .icon-box.icon-left .icon-text .icon-box-title a { margin-top: 0; } .icon-box.icon-right .icon { float: right; margin-left: 20px; } @media (max-width: 991.98px) { .icon-box.icon-right .icon { float: none !important; margin-left: 0; margin-bottom: 15px; } } .icon-box.icon-right .icon.no-bg { width: auto; height: auto; } .icon-box.icon-right .icon-text { overflow: hidden; } .icon-box.icon-right .icon-text .icon-box-title, .icon-box.icon-right .icon-text .icon-box-title a { margin-top: 0; } .icon-box .icon-box-title, .icon-box .icon-box-title a { transition: all 0.1s ease; } @media (prefers-reduced-motion: reduce) { .icon-box .icon-box-title, .icon-box .icon-box-title a { transition: none; } } .icon-box .btn-view-details { transition: all 0.1s ease; margin-top: 15px; } @media (prefers-reduced-motion: reduce) { .icon-box .btn-view-details { transition: none; } } .icon-box:hover .icon-border-effect::after { opacity: 1; transform: scale(1); } .icon-box .icon-border-effect:hover::after { opacity: 1; transform: scale(1); } .icon-box.iconbox-box-shadow { box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); } .icon-box.iconbox-box-shadow:hover { box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.15); } .icon-box.iconbox-box-shadow-on-hover:hover { box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.15); } .icon-box.iconbox-default-padding .icon-box-wrapper { padding: 50px 35px 50px 35px; } @media (max-width: 991.98px) { .icon-box.iconbox-centered-in-responsive { text-align: center !important; } .icon-box.iconbox-centered-in-responsive .icon.icon-type-image { text-align: center !important; } } @media (min-width: 1200px) { .icon-box.iconbox-title-mt-0-desktop .icon-box-title { margin-top: 0; } } .icon-box.iconbox-hover-move-up-animation:hover { margin-top: -15px; } .icon-box.iconbox-border-radius { border-radius: 10px; } .icon-box.icon-position-icon-top.hanging-icon-top .icon-wrapper .icon { margin-top: -70px; } .icon-box.animate-icon-on-hover:hover.animate-icon-rotate .icon-wrapper .icon { transform: rotate(360deg); } .icon-box.animate-icon-on-hover:hover.animate-icon-rotate-x .icon-wrapper .icon { transform: rotateX(360deg); } .icon-box.animate-icon-on-hover:hover.animate-icon-rotate-y .icon-wrapper .icon { transform: rotateY(180deg); } .icon-box.animate-icon-on-hover:hover.animate-icon-translate .icon-wrapper .icon { transform: translate(-10px, 10px); } .icon-box.animate-icon-on-hover:hover.animate-icon-translate-x .icon-wrapper .icon { transform: translateX(-10px); } .icon-box.animate-icon-on-hover:hover.animate-icon-translate-y .icon-wrapper .icon { transform: translateY(-10px); } .icon-box.animate-icon-on-hover:hover.animate-icon-scale .icon-wrapper .icon { transform: scale(1.1); } .icon-box.icon-area-box-shadow .icon-wrapper .icon { box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); } .icon-box.iconbox-style2-border-bottom:after { background-color: #aaa; position: absolute; bottom: -3px; left: 0; width: 100%; height: 4px; content: ''; opacity: 0; transition: 0.3s ease-in; } .icon-box.iconbox-style2-border-bottom:hover:after { bottom: 0; opacity: 1; } .icon-box.iconbox-style3-moving-border-bottom { overflow: hidden; } .icon-box.iconbox-style3-moving-border-bottom:after { position: absolute; left: -2px; bottom: 0px; width: 100%; height: 4px; content: ''; background-image: -moz-linear-gradient(0deg, #313131 0%, #bdc0c3 100%); background-image: -webkit-linear-gradient(0deg, #313131 0%, #bdc0c3 100%); background-image: -ms-linear-gradient(0deg, #313131 0%, #bdc0c3 100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: hidden; opacity: 0; transition: all 0.5s ease-in; } @media (prefers-reduced-motion: reduce) { .icon-box.iconbox-style3-moving-border-bottom:after { transition: none; } } .icon-box.iconbox-style3-moving-border-bottom:hover:after { -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible; opacity: 1; } .icon-box.iconbox-style4-bgcolor { overflow: hidden; } .icon-box.iconbox-style4-bgcolor:before { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; background-color: #161d29; transition: all 500ms ease; z-index: -1; } @media (prefers-reduced-motion: reduce) { .icon-box.iconbox-style4-bgcolor:before { transition: none; } } .icon-box.iconbox-style4-bgcolor:hover:before { opacity: 1; visibility: visible; } .icon-box.iconbox-style4-bgcolor:hover .icon-box-title, .icon-box.iconbox-style4-bgcolor:hover .icon-box-title a { color: #fff; } .icon-box.iconbox-style4-bgcolor:hover .content { color: #fff; } .icon-box.iconbox-style4-bgcolor:hover .content p { color: #fff; } .icon-box.iconbox-style5-moving-bgcolor { overflow: hidden; } .icon-box.iconbox-style5-moving-bgcolor:before { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: visible; background-color: #161d29; transition: all 500ms ease; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; -moz-transform-origin: top; transform-origin: top; z-index: -1; } @media (prefers-reduced-motion: reduce) { .icon-box.iconbox-style5-moving-bgcolor:before { transition: none; } } .icon-box.iconbox-style5-moving-bgcolor:hover:before { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); } .icon-box.iconbox-style5-moving-bgcolor:hover .icon-box-title, .icon-box.iconbox-style5-moving-bgcolor:hover .icon-box-title a { color: #fff; } .icon-box.iconbox-style5-moving-bgcolor:hover .content { color: #fff; } .icon-box.iconbox-style5-moving-bgcolor:hover .content p { color: #fff; } .icon-box.iconbox-style5-moving-bgcolor .icon:hover { color: #fff; } .icon-box.iconbox-style6-moving-double-bgcolor { overflow: hidden; } .icon-box.iconbox-style6-moving-double-bgcolor:before, .icon-box.iconbox-style6-moving-double-bgcolor:after { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: visible; background-color: #475469; transition: all 400ms ease; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; -moz-transform-origin: top; transform-origin: top; z-index: -2; } @media (prefers-reduced-motion: reduce) { .icon-box.iconbox-style6-moving-double-bgcolor:before, .icon-box.iconbox-style6-moving-double-bgcolor:after { transition: none; } } .icon-box.iconbox-style6-moving-double-bgcolor:after { background-color: #141d2b; z-index: -1; } .icon-box.iconbox-style6-moving-double-bgcolor:hover:before, .icon-box.iconbox-style6-moving-double-bgcolor:hover:after { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); } .icon-box.iconbox-style6-moving-double-bgcolor:hover:after { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .icon-box.iconbox-style6-moving-double-bgcolor:hover .icon-box-title, .icon-box.iconbox-style6-moving-double-bgcolor:hover .icon-box-title a { color: #fff; } .icon-box.iconbox-style6-moving-double-bgcolor:hover .content { color: #fff; } .icon-box.iconbox-style6-moving-double-bgcolor:hover .content p { color: #fff; } .icon-box.iconbox-style7-hover-moving-border { overflow: hidden; } .icon-box.iconbox-style7-hover-moving-border:after, .icon-box.iconbox-style7-hover-moving-border:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; -webkit-transition: opacity 0.55s,-webkit-transform 0.55s; transition: opacity 0.55s,transform 0.55s; z-index: -1; } .icon-box.iconbox-style7-hover-moving-border:after { border-right: 2px solid #444; border-left: 2px solid #444; } .icon-box.iconbox-style7-hover-moving-border:after { -webkit-transform: scale(1, 0); transform: scale(1, 0); } .icon-box.iconbox-style7-hover-moving-border:before { border-top: 2px solid #444; border-bottom: 2px solid #444; } .icon-box.iconbox-style7-hover-moving-border:before { -webkit-transform: scale(0, 1); transform: scale(0, 1); } .icon-box.iconbox-style7-hover-moving-border:hover:before, .icon-box.iconbox-style7-hover-moving-border:hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .icon-box.iconbox-bg-img-on-hover { overflow: hidden; } .icon-box.iconbox-bg-img-on-hover .bg-img-wrapper { background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .icon-box.iconbox-bg-img-on-hover .bg-img-wrapper { transition: none; } } .icon-box.iconbox-bg-img-on-hover .bg-img-wrapper:before, .icon-box.iconbox-bg-img-on-hover .bg-img-wrapper:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .icon-box.iconbox-bg-img-on-hover .bg-img-wrapper:before { background-image: url("../images/shadow-overlay2.png"); background-position: center bottom; z-index: 1; background-repeat: no-repeat; } .icon-box.iconbox-bg-img-on-hover .bg-img-wrapper:after { background-color: rgba(0, 0, 0, 0.45); z-index: 2; } .icon-box.iconbox-bg-img-on-hover:hover .bg-img-wrapper { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .icon-box.iconbox-bg-img-on-hover:hover .icon { color: #fff; } .icon-box.iconbox-bg-img-on-hover:hover .icon i { color: #fff; } .icon-box.iconbox-bg-img-on-hover:hover .icon-box-title, .icon-box.iconbox-bg-img-on-hover:hover .icon-box-title a { color: #fff; } .icon-box.iconbox-bg-img-on-hover:hover .content { color: #fff; } .icon-box.iconbox-bg-img-on-hover:hover .content p { color: #fff; } .icon-box.iconbox-bg-img-on-hover .icon-box-wrapper { position: relative; z-index: 99; } .icon-box.iconbox-bg-img-on-hover.iconbox-bg-img-on-hover-always-visible .bg-img-wrapper { opacity: 1; } .icon-box.iconbox-bg-img-on-hover.iconbox-bg-img-on-hover-always-visible .icon { color: #fff; } .icon-box.iconbox-bg-img-on-hover.iconbox-bg-img-on-hover-always-visible .icon i { color: #fff; } .icon-box.iconbox-bg-img-on-hover.iconbox-bg-img-on-hover-always-visible .icon-box-title, .icon-box.iconbox-bg-img-on-hover.iconbox-bg-img-on-hover-always-visible .icon-box-title a { color: #fff; } .icon-box.iconbox-bg-img-on-hover.iconbox-bg-img-on-hover-always-visible .content { color: #fff; } .icon-box.iconbox-bg-img-on-hover.iconbox-bg-img-on-hover-always-visible .content p { color: #fff; } .icon-box.tm-iconbox-icontype-svg-image .tm-vivus-svg-animation { width: 128px; height: auto; } /* * Shortcode: info-banner.scss * ----------------------------------------------- */ .tm-sc-info-banner { position: relative; vertical-align: top; display: block; } .tm-sc-info-banner .info-banner-inner { position: relative; display: inline-block; vertical-align: top; overflow: hidden; } .tm-sc-info-banner .info-banner-inner .banner-image-wrapper { overflow: hidden; position: relative; } .tm-sc-info-banner .info-banner-inner .banner-image-wrapper img { width: 100%; transition: all 0.3s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } @media (prefers-reduced-motion: reduce) { .tm-sc-info-banner .info-banner-inner .banner-image-wrapper img { transition: none; } } .tm-sc-info-banner .info-banner-inner .banner-image-wrapper .banner-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .tm-sc-info-banner .info-banner-inner .info-banner-text-holder-wrapper { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; padding: 35px; background-color: transparent; box-sizing: border-box; } .tm-sc-info-banner .info-banner-inner .info-banner-text-holder-wrapper .info-banner-text-holder { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .tm-sc-info-banner .info-banner-inner .info-banner-text-holder-wrapper .info-banner-text-holder .info-banner-text-holder-inner { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: bottom; } .tm-sc-info-banner .info-banner-inner .info-banner-text-holder-wrapper .info-banner-text-holder .info-banner-text-holder-inner a { text-decoration: underline; padding-top: 10%; } .tm-sc-info-banner .info-banner-inner .info-banner-text-holder-wrapper .info-banner-text-holder .info-banner-text-holder-inner a:hover { text-decoration: none; } .tm-sc-info-banner .info-banner-inner .info-banner-text-holder-wrapper .info-banner-text-holder .info-banner-text-holder-inner a.text-white.btn-plain-text:after { background-color: #fff; } .tm-sc-info-banner:hover .info-banner-inner .banner-image-wrapper img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } /* * Shortcode: info-banner-advanced.scss * ----------------------------------------------- */ .tm-sc-info-banner-advanced { position: relative; vertical-align: top; display: block; } .tm-sc-info-banner-advanced .info-banner-inner { position: relative; vertical-align: top; overflow: hidden; } .tm-sc-info-banner-advanced .info-banner-inner .banner-image-wrapper { overflow: hidden; position: relative; } .tm-sc-info-banner-advanced .info-banner-inner .banner-image-wrapper img { width: 100%; transition: all 0.3s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } @media (prefers-reduced-motion: reduce) { .tm-sc-info-banner-advanced .info-banner-inner .banner-image-wrapper img { transition: none; } } .tm-sc-info-banner-advanced .info-banner-inner .banner-image-wrapper .banner-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .tm-sc-info-banner-advanced .info-banner-inner .info-banner-text-holder-wrapper { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; padding: 35px; background-color: transparent; box-sizing: border-box; } .tm-sc-info-banner-advanced .info-banner-inner .info-banner-text-holder-wrapper .info-banner-text-holder { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .tm-sc-info-banner-advanced .info-banner-inner .info-banner-text-holder-wrapper .info-banner-text-holder .info-banner-text-holder-inner { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: bottom; } .tm-sc-info-banner-advanced .info-banner-inner .info-banner-text-holder-wrapper .info-banner-text-holder .info-banner-text-holder-inner a { text-decoration: underline; padding-top: 10%; } .tm-sc-info-banner-advanced .info-banner-inner .info-banner-text-holder-wrapper .info-banner-text-holder .info-banner-text-holder-inner a:hover { text-decoration: none; } .tm-sc-info-banner-advanced .info-banner-inner .info-banner-text-holder-wrapper .info-banner-text-holder .info-banner-text-holder-inner a.text-white.btn-plain-text:after { background-color: #fff; } .tm-sc-info-banner-advanced:hover .info-banner-inner .banner-image-wrapper img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } /* * Shortcode: instagram-feed.scss * ----------------------------------------------- */ .instagram-feed figure { position: relative; margin-bottom: 30px; transition: all 0.4s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .instagram-feed figure { transition: none; } } .instagram-feed figure img { border-radius: 12px; } .instagram-feed figure .link-out { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; font-size: 36px; line-height: 36px; color: #fff; z-index: 1; opacity: 0; transition: all 0.6s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .instagram-feed figure .link-out { transition: none; } } .instagram-feed figure:after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; right: 0; opacity: 0.8; transform: scale(0); transition: all 0.4s ease-in-out 0s; border-radius: 12px; } @media (prefers-reduced-motion: reduce) { .instagram-feed figure:after { transition: none; } } .instagram-feed figure:hover .link-out { opacity: 1; } .instagram-feed figure:hover:after { transform: scale(1); } .instagram-feed.instagram-carousel figure { margin-bottom: 0; } /* * Shortcode: line-with-text.scss * ----------------------------------------------- */ .tm-sc-line-with-text .horizontal-line { display: inline-block; vertical-align: middle; height: 2px; width: 50px; background-color: #fac400; } .tm-sc-line-with-text .horizontal-text { display: inline-block; vertical-align: middle; letter-spacing: .09em; padding-left: 15px; } .tm-sc-line-with-text.line-after-title .horizontal-text { padding-left: 0; padding-right: 15px; } .tm-sc-line-with-text.line-above-title .horizontal-line { display: block; } .tm-sc-line-with-text.line-above-title .horizontal-text { display: block; padding-left: 0; padding-top: 15px; } .tm-sc-line-with-text.line-below-title .horizontal-line { display: block; } .tm-sc-line-with-text.line-below-title .horizontal-text { display: block; padding-left: 0; padding-bottom: 15px; } /* * Shortcode: nav-tabs-holder.scss * ----------------------------------------------- */ .tm-sc-nav-tabs-holder .nav-tabs { margin: 0; padding: 0; list-style: none; } .tm-sc-nav-tabs-holder .nav-tabs > li { float: left; width: 20%; text-align: center; padding-left: 0; padding-right: 0; } .tm-sc-nav-tabs-holder .nav-tabs > li > a { display: block; border: 1px solid #eee; padding: 30px 0; margin-bottom: 0; } .tm-sc-nav-tabs-holder .nav-tabs > li > a img { margin-bottom: 5px; max-width: 80px; display: inline-block; } .tm-sc-nav-tabs-holder .nav-tabs > li > a span { display: block; } .tm-sc-nav-tabs-holder .nav-tabs > li > a.active { border-bottom: transparent; background: #eee; } .tm-sc-nav-tabs-holder .tab-content { padding: 50px; } /* * Shortcode: nav-tabs-pricing.scss * ----------------------------------------------- */ .tm-sc-nav-tabs-pricing .nav-tabs { margin-bottom: 60px; } .tm-sc-nav-tabs-pricing .nav-tabs li { display: inline-block; margin-bottom: 0; float: none; } .tm-sc-nav-tabs-pricing .nav-tabs li a span.subtitle { font-size: 0.8rem; padding-left: 5px; font-weight: normal; color: #41508a; padding: 0 14px; background-color: #cfefec; border-radius: 2px; margin-left: 10px; } .tm-sc-nav-tabs-pricing.nav-tab-btn-button .nav-tabs { margin: 0; padding: 0; list-style: none; border: 0; justify-content: center; font-size: 0; margin-bottom: 60px; } .tm-sc-nav-tabs-pricing.nav-tab-btn-button .nav-tabs li { display: inline-block; margin-bottom: 0; } .tm-sc-nav-tabs-pricing.nav-tab-btn-button .nav-tabs li a { display: block; border: none; outline: none; display: inline-block; padding: .9375rem 2.1875rem; cursor: pointer; border-radius: 0; transition: all 0.4s ease; border-style: solid; border-width: 1px; border-color: #eaeaea; background-color: #fefdfe; box-shadow: 0px 15px 30px 0px rgba(119, 123, 146, 0.1); } .tm-sc-nav-tabs-pricing.nav-tab-btn-button .nav-tabs li a:hover { border-color: #333; background: #333; color: #FFFFFF; } .tm-sc-nav-tabs-pricing.nav-tab-btn-button .nav-tabs li a.active { border-color: #333; background: #333; color: #FFFFFF; } .tm-sc-nav-tabs-pricing.nav-tab-btn-button .nav-tabs li a span.subtitle { padding-left: 5px; } .tm-sc-nav-tabs-pricing.nav-tab-btn-button .nav-tabs li:first-child a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .tm-sc-nav-tabs-pricing.nav-tab-btn-button .nav-tabs li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .tm-sc-nav-tabs-pricing.nav-tab-btn-button.button-rounded .nav-tabs li:first-child a { border-top-left-radius: 50px; border-bottom-left-radius: 50px; } .tm-sc-nav-tabs-pricing.nav-tab-btn-button.button-rounded .nav-tabs li:last-child a { border-top-right-radius: 50px; border-bottom-right-radius: 50px; } .tm-sc-nav-tabs-pricing.nav-tab-btn-switch { position: relative; } .tm-sc-nav-tabs-pricing.nav-tab-btn-switch .nav-tabs { position: relative; display: block; margin-bottom: 60px; text-align: center; } .tm-sc-nav-tabs-pricing.nav-tab-btn-switch .nav-tabs:before { position: absolute; left: 0; right: 0; margin: 0 auto; height: 40px; width: 90px; content: ""; border-radius: 40px; background-image: -webkit-linear-gradient(0deg, #0b0b0b 30%, #373737 100%); background-image: -ms-linear-gradient(0deg, #0b0b0b 30%, #373737 100%); } .tm-sc-nav-tabs-pricing.nav-tab-btn-switch .nav-tabs li { position: relative; display: inline-block; padding-right: 70px; min-width: 120px; text-align: right; line-height: 40px; color: #222; font-weight: 300; cursor: pointer; float: none; } .tm-sc-nav-tabs-pricing.nav-tab-btn-switch .nav-tabs li:before { position: absolute; top: 5px; height: 30px; width: 30px; background-color: #ffffff; border-radius: 30px; content: ""; right: -30px; -webkit-box-shadow: 0 4px 20px rgba(11, 11, 11, 0.3); box-shadow: 0 4px 20px rgba(11, 11, 11, 0.3); -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .tm-sc-nav-tabs-pricing.nav-tab-btn-switch .nav-tabs li a { padding: 0; background: none !important; font-weight: 500; font-size: 18px; } .tm-sc-nav-tabs-pricing.nav-tab-btn-switch .nav-tabs li a span.subtitle { position: absolute; right: -60px; top: 50%; transform: translateY(-50%); } @media (max-width: 767.98px) { .tm-sc-nav-tabs-pricing.nav-tab-btn-switch .nav-tabs li a span.subtitle { display: none; } } .tm-sc-nav-tabs-pricing.nav-tab-btn-switch .nav-tabs li:last-child { padding-right: 0; padding-left: 45px; text-align: left; } .tm-sc-nav-tabs-pricing.nav-tab-btn-switch .nav-tabs li:last-child:before { display: none; } .tm-sc-nav-tabs-pricing.nav-tab-btn-switch .nav-tabs li.active:before { right: 18px; } .tm-sc-nav-tabs-pricing.nav-tab-btn-switch .nav-tabs li.active a { color: #333; } .tm-sc-nav-tabs-pricing.nav-tab-btn-switch .nav-tabs li:hover a { color: #333; } .tm-sc-nav-tabs-pricing.nav-tab-btn-bullet { position: relative; text-align: center; } .tm-sc-nav-tabs-pricing.nav-tab-btn-bullet .nav-tabs { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 100px; background: #f7f7f7; -webkit-box-shadow: 0 0 0 5px #f5f5f5; box-shadow: 0 0 0 5px #f5f5f5; z-index: 1; overflow: hidden; } .tm-sc-nav-tabs-pricing.nav-tab-btn-bullet .nav-tabs li { position: relative; text-align: center; } .tm-sc-nav-tabs-pricing.nav-tab-btn-bullet .nav-tabs li:last-child:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: #555; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; border-radius: 100px; z-index: -1; } .tm-sc-nav-tabs-pricing.nav-tab-btn-bullet .nav-tabs li:last-child.active:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .tm-sc-nav-tabs-pricing.nav-tab-btn-bullet .nav-tabs li:first-child.active ~ li:last-child:before { -webkit-transform: translate3d(-101%, 0, 0); transform: translate3d(-101%, 0, 0); width: 158%; } .tm-sc-nav-tabs-pricing.nav-tab-btn-bullet .nav-tabs li a { padding: 0; font-weight: 500; font-size: 18px; display: inline-block; padding: .8rem 2.5rem; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } @media (max-width: 767.98px) { .tm-sc-nav-tabs-pricing.nav-tab-btn-bullet .nav-tabs li a span.subtitle { display: none; } } .tm-sc-nav-tabs-pricing.nav-tab-btn-bullet .nav-tabs li.active a { color: #fff; } .tm-sc-nav-tabs-pricing.nav-tab-btn-bullet .tab-content { text-align: left; } .tm-sc-nav-tabs-pricing .tab-content { border: none; } /* * Shortcode: newsletter.scss * ----------------------------------------------- */ .mailchimp-form .mc4wp-form .form-control { background-color: #fff; border-color: #eee; border-radius: 30px 0 0 30px; box-shadow: none; color: #888; height: 53px; font-size: 13px; } .mailchimp-form .mc4wp-form .input-group-btn .btn { padding: 9px 34px 11px; border-color: #eee; color: #eee; border-radius: 0 30px 30px 0; font-size: 18px; } /* * Shortcode: opening-hours.scss * ----------------------------------------------- */ .opening-hours, .working-hours { list-style: none; padding: 0; } .opening-hours li, .working-hours li { border-bottom: 1px solid #eee; padding: 8px 0; margin-bottom: 0 !important; } .opening-hours li:last-child, .working-hours li:last-child { border-bottom: 0; } .opening-hours li span, .working-hours li span { float: left; } .opening-hours li .value, .working-hours li .value { float: right; } .opening-hours li.active, .working-hours li.active { font-weight: bold; } .opening-hours.border-light li, .working-hours.border-light li { border-bottom-color: #ddd; } .opening-hours.border-dark li, .working-hours.border-dark li { border-bottom-color: #333; } .widget .opening-hours li, .widget .working-hours li { padding: 5px 0; } .widget .opening-hours li *, .widget .working-hours li * { line-height: 2.5rem; } /* * Shortcode: paroller.scss * ----------------------------------------------- */ .tm-paroller-object { position: absolute; z-index: -1; width: 100%; font-size: 10rem; font-weight: bold; } /* * pie-chart.scss * ----------------------------------------------- */ .tm-sc-pie-chart { text-align: center; } .tm-sc-pie-chart .pie-chart { position: relative; width: 110px; height: 110px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; display: flex; align-items: center !important; } .tm-sc-pie-chart .pie-chart canvas { position: absolute; top: 0; left: 0; } .tm-sc-pie-chart .pie-chart .percent { position: absolute; left: 0; right: 0; line-height: 110px; font-size: 1.3rem; z-index: 2; } .tm-sc-pie-chart .pie-chart .percent:after { content: '%'; margin-left: 0.1em; font-size: .8em; } /* * Shortcode: pricing-tables.scss * ----------------------------------------------- */ .tm-sc-pricing-table { background: #fff; position: relative; overflow: hidden; padding: 40px; border-radius: 10px; transition: all 0.2s ease-in; } @media (prefers-reduced-motion: reduce) { .tm-sc-pricing-table { transition: none; } } .tm-sc-pricing-table .pricing-table-inner .pricing-table-title-area { padding-bottom: 15px; padding-top: 15px; } .tm-sc-pricing-table .pricing-table-inner .pricing-table-title-area .pricing-table-title { font-weight: 700; color: #333; margin-top: 0; } .tm-sc-pricing-table .pricing-table-inner .pricing-table-title-area .pricing-table-subtitle { font-weight: 400; font-size: 14px; color: #999; margin-bottom: 0; margin-top: 0; } .tm-sc-pricing-table .pricing-table-inner .price-old { color: #aaa; font-size: 1.5rem; text-decoration: line-through; } .tm-sc-pricing-table .pricing-table-inner .pricing-table-pricing { margin-bottom: 30px; margin-top: 15px; line-height: 1; } .tm-sc-pricing-table .pricing-table-inner .pricing-table-pricing .pricing-table-prefix { color: #aaa; font-size: 25px; line-height: 40px; font-weight: 500; vertical-align: top; } .tm-sc-pricing-table .pricing-table-inner .pricing-table-pricing .pricing-table-price { color: #999; font-weight: 500; font-size: 48px; } .tm-sc-pricing-table .pricing-table-inner .pricing-table-pricing .pricing-table-postfix { color: #aaa; } .tm-sc-pricing-table .pricing-table-inner .pricing-table-content { margin-bottom: 25px; margin-top: 20px; } .tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul { list-style: none; } .tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul li { color: #888; font-size: 15px; padding: 7px 0 7px 0; position: relative; } .tm-sc-pricing-table .pricing-table-inner .pricing-table-label { position: absolute; top: 20px; right: -135px; background-color: #ff6445; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); white-space: nowrap; text-overflow: ellipsis; width: 340px; padding: 10px; font-size: 11px; font-weight: 400; line-height: 1; color: #ffffff; text-transform: uppercase; text-align: center; display: block; } .tm-sc-pricing-table .pricing-table-inner .pricing-table-label-style2 { background-color: #d62c64; width: 110px; height: 35px; line-height: 35px; font-size: 14px; text-align: center; position: absolute; color: #fff; right: -12px; top: 20px; } .tm-sc-pricing-table .pricing-table-inner .pricing-table-label-style2:before { background-color: #d62c64; width: 14px; height: 28px; content: ''; display: block; transform: skewY(-20deg); position: absolute; top: 10px; right: 0; } .tm-sc-pricing-table.pricing-list-bordered .pricing-table-content ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding-top: 9px; padding-bottom: 9px; } .tm-sc-pricing-table.pricing-list-bullet .pricing-table-content ul li { padding-left: 30px; } .tm-sc-pricing-table.pricing-list-bullet .pricing-table-content ul li:before { border: none; color: #777; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 15px; font-weight: 600; padding: 0; left: 0; position: absolute; top: 6px; margin-right: 15px; } .tm-sc-pricing-table.pricing-table-box-shadow { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07); } .tm-sc-pricing-table.pricing-table-featured { z-index: 1; -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); border: 3px solid #777; } .tm-sc-pricing-table.pricing-table-hover-effect:hover { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); } .tm-sc-pricing-table.pricing-table-hover-effect.pricing-table-featured:hover { -webkit-transform: translateY(-20px) scale(1.08); -ms-transform: translateY(-20px) scale(1.08); -o-transform: translateY(-20px) scale(1.08); -moz-transform: translateY(-20px) scale(1.08); transform: translateY(-20px) scale(1.08); } .tm-sc-pricing-table.pricing-table-style1 .pricing-table-inner { padding: 30px; } .tm-sc-pricing-table.pricing-table-style1 .pricing-table-title-area { padding-bottom: 0; padding-top: 0; } .tm-sc-pricing-table.pricing-table-style-basic { padding: 50px; overflow: hidden; } .tm-sc-pricing-table.pricing-table-style-basic .pricing-table-inner .pricing-table-title-area { padding-top: 0; } .tm-sc-pricing-table.pricing-table-style-basic .pricing-table-inner .pricing-table-content { margin-top: 0; border-top: 2px solid #eff2fb; border-bottom: 2px solid #eff2fb; padding: 30px 0; margin-bottom: 40px; } .tm-sc-pricing-table.pricing-table-style-basic .pricing-table-inner .pricing-table-content ul li { font-size: 16px; font-weight: 500; color: #7A7F93; } body.tm-dark-layout .tm-sc-pricing-table { background-color: #151515; } /* * progress-bar.scss * ----------------------------------------------- */ .progress-bar-striped .progress-bar, .progress-striped .progress-bar { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .tm-sc-progress-bar .progress-title-holder { position: relative; } .tm-sc-progress-bar .progress-title-holder p { margin-bottom: 0; } .tm-sc-progress-bar .progress-holder { position: relative; height: 3px; background-color: #e9ecef; } .tm-sc-progress-bar .progress-holder .progress-content { height: 3px; width: 0; max-width: 100%; overflow: visible !important; background-color: #FFA303; position: relative; } .tm-sc-progress-bar.progress-bar-default .progress-holder { display: flex; height: 1.1rem; font-size: .75rem; } .tm-sc-progress-bar.progress-bar-default .progress-holder .progress-content { color: #fff; height: 1.1rem; } .tm-sc-progress-bar.progress-bar-default .progress-holder .progress-content .percent { margin-left: 10px; margin-right: 10px; } .tm-sc-progress-bar.progress-bar-floating-percent .progress-title-holder { position: relative; } .tm-sc-progress-bar.progress-bar-floating-percent .progress-title-holder .percent { width: auto; display: inline-block; vertical-align: middle; z-index: 10; position: absolute; left: 0; right: auto; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .tm-sc-progress-bar.progress-bar-fixed-right-percent .progress-title-holder { position: relative; } .tm-sc-progress-bar.progress-bar-fixed-right-percent .progress-title-holder .percent { position: absolute; right: 0; bottom: 1px; width: auto; display: inline-block; vertical-align: middle; z-index: 10; } /* * Shortcode: screenshot-gallery.scss * ----------------------------------------------- */ .tm-sc-screenshot-gallery { position: relative; padding: 0; max-width: 1800px; margin: 0 auto; } .tm-sc-screenshot-gallery .screenshot-gallery-inner .screenshot-mockup-holder { position: absolute; top: -7%; width: 27%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 9; text-align: center; } @media (max-width: 1650px) and (min-width: 1200px) { .tm-sc-screenshot-gallery .screenshot-gallery-inner .screenshot-mockup-holder { width: 29%; } } @media (max-width: 1440px) and (min-width: 1024px) { .tm-sc-screenshot-gallery .screenshot-gallery-inner .screenshot-mockup-holder { width: 20%; } } @media (max-width: 1199.98px) { .tm-sc-screenshot-gallery .screenshot-gallery-inner .screenshot-mockup-holder { width: 49%; } } @media (max-width: 991.98px) { .tm-sc-screenshot-gallery .screenshot-gallery-inner .screenshot-mockup-holder { display: none; } } .tm-sc-screenshot-gallery .screenshot-gallery-inner .screenshots-slider .item { margin: 40px 0; text-align: center; transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .tm-sc-screenshot-gallery .screenshot-gallery-inner .screenshots-slider .item { transition: none; } } .tm-sc-screenshot-gallery .screenshot-gallery-inner .screenshots-slider .item img { margin: 0 auto; max-width: 100%; box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.15); } .tm-sc-screenshot-gallery .screenshot-gallery-inner .screenshot-mockup-holder + .screenshots-slider .item { margin: 40px 20px; } .tm-sc-screenshot-gallery .screenshot-gallery-inner .screenshot-mockup-holder + .screenshots-slider .item img { width: 290px; } /* * Shortcode: section-title.scss * ----------------------------------------------- */ .tm-sc-section-title { margin-bottom: 60px; } .tm-sc-section-title .title-wrapper { margin-bottom: 20px; position: relative; } .tm-sc-section-title .title-wrapper .title { margin-top: -6px; line-height: 1.3; position: relative; z-index: 0; text-transform: capitalize; font-family: "Open Sans", sans-serif; font-size: 2rem; } .tm-sc-section-title .title-wrapper .title .title-shadow-text { position: absolute; left: 0; right: 0; z-index: -1; color: #ddd; font-size: 6rem; opacity: 0.4; top: -40px; } @media (max-width: 767.98px) { .tm-sc-section-title .title-wrapper .title .title-shadow-text { font-size: 4rem; top: -20px; } } .tm-sc-section-title .title-wrapper .title span { line-height: 1; } .tm-sc-section-title .title-wrapper .subtitle { position: relative; z-index: 1; font-family: "Open Sans", sans-serif; font-size: 0.9rem; font-weight: 500; color: #aaa; } .tm-sc-section-title .title-wrapper :first-child { margin-top: 0; } .tm-sc-section-title .title-wrapper .paragraph { font-size: 0.95rem; position: relative; } .tm-sc-section-title.line-bottom-style1-image-icon .title-wrapper:after { background: url("../images/line-bottom-style1-image-icon.png") no-repeat; bottom: -20px; border-radius: 10px; content: ""; height: 20px; left: 0; margin-top: 0; position: absolute; width: 66px; } .tm-sc-section-title.line-bottom-style1-image-icon.text-center .title-wrapper:after { margin-left: auto; margin-right: auto; left: 0; right: 0; } .tm-sc-section-title.line-bottom-style1-image-icon.text-right .title-wrapper:after { left: auto; right: 0; } .tm-sc-section-title.line-bottom-style2-solid-line .title-wrapper:after { background-color: #aaa; bottom: -25px; border-radius: 10px; content: ""; height: 4px; left: 0; margin-top: 0; position: absolute; width: 50px; } .tm-sc-section-title.line-bottom-style2-solid-line.text-center .title-wrapper:after { margin-left: auto; margin-right: auto; left: 0; right: 0; } .tm-sc-section-title.line-bottom-style2-solid-line.text-right .title-wrapper:after { left: auto; right: 0; } .tm-sc-section-title.line-bottom-style3-bordered-line .title-wrapper:after { border: 1px solid #aaa; bottom: -13px; border-radius: 10px; content: ""; height: 4px; left: 0; margin-top: 0; position: absolute; width: 50px; } .tm-sc-section-title.line-bottom-style3-bordered-line.text-center .title-wrapper:after { margin-left: auto; margin-right: auto; left: 0; right: 0; } .tm-sc-section-title.line-bottom-style3-bordered-line.text-right .title-wrapper:after { left: auto; right: 0; } .tm-sc-section-title.line-bottom-style4-attached-double-lines1 .title-wrapper { position: relative; } .tm-sc-section-title.line-bottom-style4-attached-double-lines1 .title-wrapper:before { content: ""; background: #eee; position: absolute; height: 3px; width: 110px; left: 0; bottom: -13px; border-radius: 6px; } .tm-sc-section-title.line-bottom-style4-attached-double-lines1 .title-wrapper:after { position: absolute; background: #333; content: ""; height: 3px; width: 35px; left: 0; bottom: -13px; border-radius: 6px; } .tm-sc-section-title.line-bottom-style4-attached-double-lines1.text-center .title-wrapper:before { margin-left: auto; margin-right: auto; left: 0; right: 0; } .tm-sc-section-title.line-bottom-style4-attached-double-lines1.text-center .title-wrapper:after { margin-left: auto; margin-right: auto; left: 0; right: 0; } .tm-sc-section-title.line-bottom-style4-attached-double-lines1.text-right .title-wrapper:before { left: auto; right: 0; } .tm-sc-section-title.line-bottom-style4-attached-double-lines1.text-right .title-wrapper:after { left: auto; right: 0; } .tm-sc-section-title.line-bottom-style5-attached-double-lines2 .title-wrapper { position: relative; } .tm-sc-section-title.line-bottom-style5-attached-double-lines2 .title-wrapper:before { content: ""; background: #eee; position: absolute; height: 3px; width: 110px; left: 0; bottom: -13px; border-radius: 6px; } .tm-sc-section-title.line-bottom-style5-attached-double-lines2 .title-wrapper:after { position: absolute; background: #333; content: ""; height: 3px; width: 35px; left: 20px; bottom: -13px; border-radius: 6px; } .tm-sc-section-title.line-bottom-style5-attached-double-lines2.text-center .title-wrapper:before { margin-left: auto; margin-right: auto; left: 0; right: 0; } .tm-sc-section-title.line-bottom-style5-attached-double-lines2.text-center .title-wrapper:after { margin-left: auto; margin-right: auto; left: 0; right: 0; } .tm-sc-section-title.line-bottom-style5-attached-double-lines2.text-right .title-wrapper:before { left: auto; right: 0; } .tm-sc-section-title.line-bottom-style5-attached-double-lines2.text-right .title-wrapper:after { left: auto; right: 20px; } .tm-sc-section-title.line-bottom-style6-bold-double-lines .title-wrapper { position: relative; } .tm-sc-section-title.line-bottom-style6-bold-double-lines .title-wrapper:before { content: ""; background: #ddd; position: absolute; height: 2px; width: 70px; left: 0; bottom: -13px; border-radius: 6px; } .tm-sc-section-title.line-bottom-style6-bold-double-lines .title-wrapper:after { position: absolute; background: #eee; content: ""; height: 2px; width: 35px; left: 0; bottom: -18px; border-radius: 6px; } .tm-sc-section-title.line-bottom-style6-bold-double-lines.text-center .title-wrapper:before { margin-left: auto; margin-right: auto; left: 0; right: 0; } .tm-sc-section-title.line-bottom-style6-bold-double-lines.text-center .title-wrapper:after { margin-left: auto; margin-right: auto; left: 0; right: 0; } .tm-sc-section-title.line-bottom-style6-bold-double-lines.text-right .title-wrapper:before { left: auto; right: 0; } .tm-sc-section-title.line-bottom-style6-bold-double-lines.text-right .title-wrapper:after { left: auto; right: 0; } .tm-sc-section-title.line-bottom-style7-double-lines .title-wrapper { position: relative; } .tm-sc-section-title.line-bottom-style7-double-lines .title-wrapper:before { content: ""; background: #d3c6c6; position: absolute; height: 3px; width: 110px; left: 0; bottom: -24px; border-radius: 6px; } .tm-sc-section-title.line-bottom-style7-double-lines .title-wrapper:after { position: absolute; background: #333; content: ""; height: 7px; width: 35px; left: 20px; bottom: -25px; border-radius: 6px; } .tm-sc-section-title.line-bottom-style7-double-lines.text-center .title-wrapper:before { margin-left: auto; margin-right: auto; left: 0; right: 0; } .tm-sc-section-title.line-bottom-style7-double-lines.text-center .title-wrapper:after { margin-left: auto; margin-right: auto; left: 0; right: 0; } .tm-sc-section-title.line-bottom-style7-double-lines.text-right .title-wrapper:before { left: auto; right: 0; } .tm-sc-section-title.line-bottom-style7-double-lines.text-right .title-wrapper:after { left: auto; right: 20px; } .tm-sc-section-title.line-bottom-style8-line-with-circle .title-wrapper { position: relative; } .tm-sc-section-title.line-bottom-style8-line-with-circle .title-wrapper:before { content: ""; background: #eee; position: absolute; height: 3px; width: 110px; left: 0; bottom: -13px; border-radius: 6px; } .tm-sc-section-title.line-bottom-style8-line-with-circle .title-wrapper:after { position: absolute; background: #999; content: ""; height: 10px; width: 10px; left: 0; bottom: -16px; border-radius: 6px; } .tm-sc-section-title.line-bottom-style8-line-with-circle.text-center .title-wrapper:before { margin-left: auto; margin-right: auto; left: 0; right: 0; } .tm-sc-section-title.line-bottom-style8-line-with-circle.text-center .title-wrapper:after { margin-left: auto; margin-right: auto; left: 0; right: 0; } .tm-sc-section-title.line-bottom-style8-line-with-circle.text-right .title-wrapper:before { left: auto; right: 0; } .tm-sc-section-title.line-bottom-style8-line-with-circle.text-right .title-wrapper:after { left: auto; right: 0; } .tm-sc-section-title.line-bottom-style9-line-with-square .title-wrapper { position: relative; } .tm-sc-section-title.line-bottom-style9-line-with-square .title-wrapper:before { content: ""; background: #eee; position: absolute; height: 3px; width: 110px; left: 0; bottom: -13px; border-radius: 6px; } .tm-sc-section-title.line-bottom-style9-line-with-square .title-wrapper:after { position: absolute; background: #999; content: ""; height: 10px; width: 10px; left: 0; bottom: -16px; } .tm-sc-section-title.line-bottom-style9-line-with-square.text-center .title-wrapper:before { margin-left: auto; margin-right: auto; left: 0; right: 0; } .tm-sc-section-title.line-bottom-style9-line-with-square.text-center .title-wrapper:after { margin-left: auto; margin-right: auto; left: 0; right: 0; } .tm-sc-section-title.line-bottom-style9-line-with-square.text-right .title-wrapper:before { left: auto; right: 0; } .tm-sc-section-title.line-bottom-style9-line-with-square.text-right .title-wrapper:after { left: auto; right: 0; } @media (max-width: 767.98px) { .tm-sc-section-title .title-wrapper h4.title { font-size: 1.3846em; } } /* * Shortcode: Separators.scss * ----------------------------------------------- */ .title-separator { border-top-style: solid; border-top-width: 1px; font-size: 16px; height: auto; line-height: 20px; margin: 10px 0; width: 70%; } .title-separator span { background: #fff none repeat scroll 0 0; border-radius: 2px; letter-spacing: 0.2em; padding: 2px 10px; position: relative; text-transform: uppercase; top: -12px; } .separator { color: #c0c0c0; line-height: 1.2em; margin: 30px auto; overflow: hidden; text-align: center; width: 100%; } .separator::before, .separator::after { border-bottom: 1px solid #eee; content: ""; display: inline-block; height: .65em; margin: 0 -4px 0 -100%; vertical-align: top; width: 50%; } .separator::after { margin: 0 -100% 0 0; } .separator i, .separator span, .separator a { display: inline-block; margin: 0 20px 0 24px; font-size: 20px; } .separator.separator-left, .separator.left i { float: left; margin: 2px 50px 0 0; } .separator.right i { float: right; margin: 0 0 2px 50px; } .separator.separator-medium-line { margin: 10px auto; width: 20%; } .separator.separator-small-line { width: 10%; } .separator.separator-rouned i, .separator.separator-border-rouned i { background-color: #f5f5f5; border-radius: 50%; height: 40px; left: 0; line-height: 40px; margin: -12px auto auto; position: absolute; right: 0; width: 40px; } .separator.separator-border-rouned i { background: transparent; border: 1px solid #f5f5f5; } .separator.separator-rouned.separator-rouned-left i { margin: -12px auto auto; right: auto; left: 0; } .separator.separator-rouned.separator-rouned-right i { margin: -12px auto auto; right: 0; left: auto; } .separator.dotted::before, .separator.dotted::after { border-bottom: 2px dotted #c0c0c0; } /* * Shortcode: stretched-bg.scss * ----------------------------------------------- */ .tm-stretched-bg { position: absolute; top: 0; left: 0; width: auto; height: 100%; } .tm-stretched-bg:before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } .tm-stretched-bg.tm-stretched-bg-both { margin-left: -700px; margin-right: -700px; right: 0; } .tm-stretched-bg.tm-stretched-bg-left { margin-left: -700px; right: 0; } .tm-stretched-bg.tm-stretched-bg-right { margin-right: -700px; right: 0; } .tm-stretched-bg-active { overflow: visible !important; } .tm-stretched-bg-active .vc_column-inner { background-image: none !important; position: relative; } body .vc_row .tm-stretched-bg-active.vc_column_container, body .vc_row .tm-stretched-bg-active.vc_column_container .vc_column-inner:before { background-color: transparent !important; background: none !important; background-image: none !important; } /* * Shortcode: styled-icons.scss * ----------------------------------------------- */ .styled-icons li { display: inline-block; margin-bottom: 5px; margin-top: 0; padding-left: 0 !important; } .styled-icons a { border: 2px solid transparent; color: #333; display: inline-block; font-size: 16px; height: 36px; line-height: 2; margin-right: 4px; position: relative; text-align: center; text-decoration: none; width: 36px; transition: all 0.2s ease; } @media (prefers-reduced-motion: reduce) { .styled-icons a { transition: none; } } .styled-icons a i { height: 100%; line-height: 2; position: relative; top: 0; width: 100%; } .styled-icons a:hover { background-color: #333; color: #fff; } .styled-icons.styled-icons-effect-rollover a { overflow: hidden; vertical-align: middle; } .styled-icons.styled-icons-effect-rollover a:hover i { top: -100%; } .styled-icons.styled-icons-effect-rotate a:hover i { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .styled-icons.icon-bordered a { border-color: #555; } .styled-icons.icon-bordered a:hover { background-color: #555; color: #fff; } .styled-icons.icon-gray a { background-color: #eee; color: #8a7c7c; } .styled-icons.icon-gray a:hover { background-color: #d5d5d5; color: black; } .styled-icons.icon-gray.icon-bordered a { background-color: transparent; border-color: #eee; color: #eee; } .styled-icons.icon-gray.icon-bordered a:hover { background-color: #eee; border-color: #eee; color: #111; } .styled-icons.icon-white a { background-color: #fff; color: #222; } .styled-icons.icon-white a:hover { background-color: #e6e6e6; color: black; } .styled-icons.icon-white.icon-bordered a { background-color: transparent; border-color: #fff; color: #fff; } .styled-icons.icon-white.icon-bordered a:hover { background-color: #fff; border-color: #fff; color: #222; } .styled-icons.icon-dark a { background-color: #333; color: #fff; } .styled-icons.icon-dark a:hover { background-color: black; color: #f2f2f2; } .styled-icons.icon-dark.icon-bordered a { background-color: transparent; border-color: #333; color: #333; } .styled-icons.icon-dark.icon-bordered a:hover { background-color: #333; color: #fff; } .styled-icons.icon-default a { height: 32px; margin-right: 0; width: 32px; } .styled-icons.icon-rounded a { border-radius: 3px; } .styled-icons.icon-circled a { border-radius: 50%; } .styled-icons.icon-xs a { font-size: 12px; height: 25px; width: 25px; } .styled-icons.icon-sm a { font-size: 14px; height: 30px; width: 30px; } .styled-icons.icon-md a { font-size: 20px; height: 45px; width: 45px; } .styled-icons.icon-lg a { font-size: 23px; height: 50px; width: 50px; } .styled-icons.icon-xl a { font-size: 28px; height: 60px; width: 60px; } .styled-icons.styled-icons-brand a { color: #fff; } /* * Shortcode: Tabs.scss * ----------------------------------------------- */ .tab-content { padding: 15px; border: 1px solid #eee; } .tab-content table p { margin: 0; margin-bottom: 0px; } .nav-tabs { border: none; } .nav-tabs > li > a { color: #666; font-size: 0.95rem; font-weight: 300; } .nav-tabs > li > a .fa { margin-right: 10px; } .nav-tabs > li > a i { font-size: 2rem; margin-right: 20px; vertical-align: middle; } /* -------- Nav Tabs ---------- */ .nav-tabs > li { text-align: center; } .nav-tabs > li > a i { display: block; font-size: 48px; margin-right: 0; margin-bottom: 10px; vertical-align: middle; } /* -------- Horizontal-Tab-Centered ---------- */ .horizontal-tab-centered .nav-pills { display: inline-block; } .horizontal-tab-centered .nav-pills > li > a { background: #eee; color: #555; font-size: 14px; padding: 8px 10px; margin-right: 10px; margin-bottom: 10px; text-transform: capitalize; } .horizontal-tab-centered .nav-pills > li > a:hover { color: #fff; } .horizontal-tab-centered .nav-pills > li > a i { font-size: 14px; margin-right: 8px; } .horizontal-tab-centered .nav-pills > li.active > a, .horizontal-tab-centered .nav-pills > li.active > a:hover, .horizontal-tab-centered .nav-pills > li.active > a:focus { color: #fff; } /* -------- Horizontal-Tab Fullwide ---------- */ .horizontal-tab.fullwide .nav-tabs > li { width: 20%; } /* -------- Vertical Nav-Tabs ---------- */ .vertical-tab .tab-content { padding: 5px 5px 20px 20px; border: none; } .vertical-tab .nav-tabs > li { float: none; margin-bottom: 0; } .vertical-tab .nav-tabs > li > a { background: none; border-radius: 0; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-top: 1px solid transparent; border-left: 1px solid transparent; font-size: 14px; padding: 30px 0 30px 15px; } .vertical-tab .nav-tabs > li:first-child > a { border-top: 1px solid #d3d3d3 !important; } .vertical-tab .nav-tabs > li.active > a, .vertical-tab .nav-tabs > li.active > a:hover, .vertical-tab .nav-tabs > li.active > a:focus { background: none; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid #d3d3d3; } .vertical-tab .small-padding .nav-tabs > li > a { padding: 20px 0 20px 15px; } .vertical-tab .small-padding .nav-tabs > li > i { font-size: 24px; } .custom-nav-tabs { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color; border-image: none; border-style: none solid none none; border-width: medium 0px medium medium; margin-right: 53px; } .custom-nav-tabs > li { float: none; margin: 0 0 1px; } .custom-nav-tabs > li a { background: #eee none repeat scroll 0 0; border: medium none; border-radius: 0; display: block; font-size: 17px; font-weight: 700; line-height: 59px; margin: 0; outline: medium none; padding: 0; text-align: center; text-transform: uppercase; } .custom-nav-tabs > li.active > a, .custom-nav-tabs > li.active > a:hover, .custom-nav-tabs > li.active > a:focus, .custom-nav-tabs > li > a:hover, .custom-nav-tabs > li > a:focus { border: medium none; color: #000; padding: 0; } /* * Shortcode: unordered-list.scss * ----------------------------------------------- */ .tm-list ul > li, .tm-list ol > li { margin-bottom: 12px; } .tm-list ul > li > ul, .tm-list ul > li > ol, .tm-list ol > li > ul, .tm-list ol > li > ol { margin-top: 12px; } .list-style-none { list-style: none; } .tm-ordered-list ol { list-style: none; counter-reset: li; } .tm-ordered-list ol li { position: relative; counter-increment: li; } .tm-ordered-list ol li:before { content: "." counter(li); color: #333; display: inline-block; width: 1em; margin-left: -1.5em; margin-right: .5em; font-weight: 600; direction: rtl; } .tm-ordered-list ul > li, .tm-ordered-list ol > li { margin-bottom: 12px; } .tm-ordered-list ul > li > ul, .tm-ordered-list ul > li > ol, .tm-ordered-list ol > li > ul, .tm-ordered-list ol > li > ol { margin-top: 12px; } .tm-sc-unordered-list ul > li, .tm-sc-unordered-list ol > li { margin-bottom: 12px; } .tm-sc-unordered-list ul > li > ul, .tm-sc-unordered-list ul > li > ol, .tm-sc-unordered-list ol > li > ul, .tm-sc-unordered-list ol > li > ol { margin-top: 12px; } .tm-sc-unordered-list ul li:before { display: inline-block; } .tm-sc-unordered-list.list-style1 ul { list-style: none; } .tm-sc-unordered-list.list-style1 ul > li { position: relative; } .tm-sc-unordered-list.list-style1 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style1 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style1 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style1 ul li:before { content: "\f058"; } .tm-sc-unordered-list.list-style2 ul { list-style: none; } .tm-sc-unordered-list.list-style2 ul > li { position: relative; } .tm-sc-unordered-list.list-style2 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style2 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style2 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style2 ul li:before { content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 400; } .tm-sc-unordered-list.list-style3 ul { list-style: none; } .tm-sc-unordered-list.list-style3 ul > li { position: relative; } .tm-sc-unordered-list.list-style3 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style3 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style3 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style3 ul li:before { content: "\f14a"; } .tm-sc-unordered-list.list-style4 ul { list-style: none; } .tm-sc-unordered-list.list-style4 ul > li { position: relative; } .tm-sc-unordered-list.list-style4 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style4 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style4 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style4 ul li:before { content: "\f14a"; font-family: "Font Awesome 5 Free"; font-weight: 400; } .tm-sc-unordered-list.list-style5 ul { list-style: none; } .tm-sc-unordered-list.list-style5 ul > li { position: relative; } .tm-sc-unordered-list.list-style5 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style5 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style5 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style5 ul li:before { content: "\f00c"; } .tm-sc-unordered-list.list-style6 ul { list-style: none; } .tm-sc-unordered-list.list-style6 ul > li { position: relative; } .tm-sc-unordered-list.list-style6 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style6 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style6 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style6 ul li:before { content: "\f560"; } .tm-sc-unordered-list.list-style7 ul { list-style: none; } .tm-sc-unordered-list.list-style7 ul > li { position: relative; } .tm-sc-unordered-list.list-style7 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style7 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style7 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style7 ul li:before { content: "\f35a"; } .tm-sc-unordered-list.list-style8 ul { list-style: none; } .tm-sc-unordered-list.list-style8 ul > li { position: relative; } .tm-sc-unordered-list.list-style8 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style8 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style8 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style8 ul li:before { content: "\f30b"; } .tm-sc-unordered-list.list-style9 ul { list-style: none; } .tm-sc-unordered-list.list-style9 ul > li { position: relative; } .tm-sc-unordered-list.list-style9 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style9 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style9 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style9 ul li:before { content: "\f054"; } .tm-sc-unordered-list.list-style10 ul { list-style: none; } .tm-sc-unordered-list.list-style10 ul > li { position: relative; } .tm-sc-unordered-list.list-style10 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style10 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style10 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style10 ul li:before { content: "\f138"; } .tm-sc-unordered-list.list-style11 ul { list-style: none; } .tm-sc-unordered-list.list-style11 ul > li { position: relative; } .tm-sc-unordered-list.list-style11 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style11 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style11 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style11 ul li:before { content: "\f152"; } .tm-sc-unordered-list.list-style12 ul { list-style: none; } .tm-sc-unordered-list.list-style12 ul > li { position: relative; } .tm-sc-unordered-list.list-style12 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style12 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style12 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style12 ul li:before { content: "\f0da"; } .tm-sc-unordered-list.list-style11 ul { list-style: none; } .tm-sc-unordered-list.list-style11 ul > li { position: relative; } .tm-sc-unordered-list.list-style11 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style11 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style11 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style11 ul li:before { content: "\f105"; } .tm-sc-unordered-list.list-style13 ul { list-style: none; } .tm-sc-unordered-list.list-style13 ul > li { position: relative; } .tm-sc-unordered-list.list-style13 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style13 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style13 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style13 ul li:before { content: "\f101"; } .tm-sc-unordered-list.list-style14 ul { list-style: none; } .tm-sc-unordered-list.list-style14 ul > li { position: relative; } .tm-sc-unordered-list.list-style14 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style14 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style14 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style14 ul li:before { content: "\f152"; font-family: "Font Awesome 5 Free"; font-weight: 400; } .tm-sc-unordered-list.list-style15 ul { list-style: none; } .tm-sc-unordered-list.list-style15 ul > li { position: relative; } .tm-sc-unordered-list.list-style15 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style15 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style15 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style15 ul li:before { content: "\f152"; } .tm-sc-unordered-list.list-style16 ul { list-style: none; } .tm-sc-unordered-list.list-style16 ul > li { position: relative; } .tm-sc-unordered-list.list-style16 ul li { list-style-type: none; } .tm-sc-unordered-list.list-style16 ul li:before { z-index: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 95%; padding-right: 10px; vertical-align: middle; } .tm-sc-unordered-list.list-style16 ul li li { padding-left: 15px; } .tm-sc-unordered-list.list-style16 ul li:before { content: "\f140"; } .list-with-image ul { list-style: none; } .list-with-image li img { float: left; } .list-with-image li strong { font-weight: 600; color: #111c16; margin-top: 8px; display: block; width: calc(100% - 64px); float: left; } /* * video-popup.scss * ----------------------------------------------- */ .nivo-lightbox-theme-default .nivo-lightbox-close { background-position: 0 0; width: 45px !important; height: 45px !important; } /* Individual effect = play-video-button */ .tm-sc-video-popup { position: relative; display: block; /* Text Holder */ } .tm-sc-video-popup .hover-link { z-index: 14; } .tm-sc-video-popup .thumb { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .tm-sc-video-popup:hover .thumb { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .tm-sc-video-popup .text-holder { opacity: 1; } .tm-sc-video-popup .text-holder-middle { top: 50%; margin-top: -36px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .tm-sc-video-popup:hover .text-holder-middle { top: 50%; -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); } .tm-sc-video-popup.tm-sc-video-popup-button-over-image { overflow: hidden; border-radius: 15px; } .tm-sc-video-popup.tm-sc-video-popup-button-over-image:before { position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 10; background-color: rgba(0, 0, 0, 0.2); } .tm-sc-video-popup.tm-sc-video-popup-button-over-image .video-button-holder { position: absolute; opacity: 0.8; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tm-sc-video-popup.tm-sc-video-popup-button-over-image .video-button-text { color: #fff; position: absolute; bottom: 12%; z-index: 10; text-align: center; width: 100%; } .tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button { z-index: 11; position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #333; display: flex; justify-content: center; align-items: center; z-index: 10; opacity: 1; color: #fff; font-size: 16px; transition: all 0.4s ease 0s; } @media (prefers-reduced-motion: reduce) { .tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button { transition: none; } } .tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button .play-icon, .tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button .play-icon:before, .tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button .play-icon:after { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -webkit-animation: videoplayanimation 3s infinite; -moz-animation: videoplayanimation 3s infinite; -ms-animation: videoplayanimation 3s infinite; -o-animation: videoplayanimation 3s infinite; animation: videoplayanimation 3s infinite; } .tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button .play-icon:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button .play-icon:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } @-webkit-keyframes videoplayanimation { 60% { box-shadow: 0 0 0 60px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes videoplayanimation { 60% { box-shadow: 0 0 0 60px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } .tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 30px; color: #fff; } .tm-sc-video-popup.tm-sc-video-popup-button-over-image:hover .animated-css-play-button { background: rgba(255, 51, 51, 0.9); } .tm-sc-video-popup.tm-sc-video-popup-button-over-image:hover .video-button-holder { opacity: 0.95; top: 50%; left: 50%; } .tm-sc-video-popup.tm-sc-video-popup-button-with-text-right { display: inline-block; } .tm-sc-video-popup.tm-sc-video-popup-button-with-text-right .thumb { margin-right: 10px; } .tm-sc-video-popup.tm-sc-video-popup-button-with-text-right .video-button-text { line-height: 70px; } .tm-sc-video-popup.tm-sc-video-popup-button-with-text-right:hover .thumb { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .tm-sc-video-popup.tm-sc-video-popup-css-button { display: inline-block; } .tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button { position: relative; width: 80px; height: 80px; border-radius: 100%; background-color: #ff3333; display: flex; justify-content: center; align-items: center; z-index: 10; opacity: 1; margin: 40px; color: #fff; font-size: 16px; transition: all 0.4s ease 0s; } @media (prefers-reduced-motion: reduce) { .tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button { transition: none; } } .tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button:before { content: ' '; display: block; position: absolute; border-radius: 100%; z-index: -1; opacity: 0.3; width: 110px; height: 110px; transition: all 0.4s ease 0s; } @media (prefers-reduced-motion: reduce) { .tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button:before { transition: none; } } .tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button:after { content: ' '; display: block; position: absolute; border-radius: 100%; background-color: #ff3333; z-index: -1; transition: all 0.4s ease 0s; animation: video-play-button-animate 1.2s ease-in infinite forwards; } @media (prefers-reduced-motion: reduce) { .tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button:after { transition: none; } } .tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button i { font-size: 30px; color: #fff; } .tm-sc-video-popup.tm-sc-video-popup-css-button:hover .animated-css-play-button { width: 82px; height: 82px; } @keyframes video-play-button-animate { 0% { width: 10px; height: 10px; opacity: .8; } 100% { width: 160px; height: 160px; opacity: 0; } } /* * Shortcode: working-steps.scss * ----------------------------------------------- */ .tm-sc-working-steps.working-steps-horizontal { position: relative; } .tm-sc-working-steps.working-steps-horizontal .working-steps-bg-holder { position: absolute; top: 20px; left: -5%; width: 120%; height: 100%; background-image: url("../../assets/images/shortcodes/working-steps-bg.png"); background-position: 50% 0; background-repeat: no-repeat; z-index: -1; opacity: 1; margin: 0 -100px; } .tm-sc-working-steps.working-steps-horizontal .working-steps-bg-holder:after { content: ""; transform-origin: right; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: -webkit-transform 1s linear .2s; -moz-transition: -moz-transform 1s linear .2s; transition: transform 1s linear .2s; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; } .tm-sc-working-steps.working-steps-horizontal .working-steps-bg-holder.working-steps-bg-appeared:after { -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner:after, .tm-sc-working-steps.working-steps-horizontal .working-steps-inner:before { content: ""; display: table; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner:after { clear: both; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item { text-align: center; float: left; width: 25%; padding: 10px; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .working-steps-item-inner { width: 73%; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper { position: relative; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder { background-color: #fff; display: flex; width: 200px; height: 200px; border: 8px solid rgba(238, 238, 238, 0.5); padding: 0; margin-bottom: 20px; margin-left: auto; margin-right: auto; border-radius: 50%; box-sizing: border-box; position: relative; transition: all 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder { transition: none; } } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .image-holder-inner { border-radius: 50%; width: 100%; -ms-flex-item-align: center !important; align-self: center !important; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .image-holder-inner img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .tag { background-color: #222013; color: #fff; height: 56px; width: 56px; font-size: 14px; line-height: 56px; text-align: center; border-radius: 50%; position: absolute; font-weight: 700; bottom: 5px; right: -5px; transition: all 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .tag { transition: none; } } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.image-full-bg .image-holder-wrapper .image-holder .image-holder-inner { overflow: hidden; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.image-full-bg .image-holder-wrapper .image-holder .image-holder-inner img { width: 100%; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.working-steps-item-highlighted .image-holder { width: 90%; height: 90%; max-width: 250px; margin-top: -40px; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.working-steps-item-highlighted .working-steps-item-inner { width: 95%; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.working-steps-push-right .working-steps-item-inner { float: right; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item:hover .image-holder-wrapper .image-holder .image-holder-inner img { transform: rotateY(180deg); } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item:hover .image-holder-wrapper .image-holder .tag { transform: rotate(360deg); } .tm-sc-working-steps.working-steps-horizontal.working-steps-items-three .tm-sc-working-steps-item { width: 33.33%; } .tm-sc-working-steps.working-steps-horizontal.working-steps-items-four .tm-sc-working-steps-item { width: 25%; } .tm-sc-working-steps.working-steps-horizontal .title-holder { margin-bottom: 7px; } .tm-sc-working-steps.working-steps-horizontal .text-holder p { color: #888; } .tm-sc-working-steps.working-steps-horizontal .text-holder p, .tm-sc-working-steps.working-steps-horizontal .title { margin: 0; } @media only screen and (max-width: 1440px) { .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .working-steps-item-inner { width: 100%; } } @media only screen and (max-width: 1366px) { .tm-sc-working-steps.working-steps-horizontal .working-steps-bg-holder { background-size: contain; margin: 0 -100px; } } @media (max-width: 1199.98px) { .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .working-steps-item-inner { width: 80%; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder { width: 85%; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.working-steps-item-highlighted .image-holder { width: 90%; height: 90%; margin-top: -40px; } } @media (max-width: 991.98px) { .tm-sc-working-steps.working-steps-horizontal { margin-top: 0; } .tm-sc-working-steps.working-steps-horizontal .working-steps-bg-holder { display: none; } .tm-sc-working-steps.working-steps-horizontal.working-steps-items-four .working-steps-inner .tm-sc-working-steps-item { width: 50%; margin-bottom: 30px; } .tm-sc-working-steps.working-steps-horizontal.working-steps-items-four .working-steps-inner .tm-sc-working-steps-item .working-steps-item-inner { width: 100%; } .tm-sc-working-steps.working-steps-horizontal.working-steps-items-four .working-steps-inner .tm-sc-working-steps-item .image-holder { width: 65%; max-width: 200px; } .tm-sc-working-steps.working-steps-horizontal.working-steps-items-four .working-steps-inner .tm-sc-working-steps-item .content-holder { padding: 0 20px; } .tm-sc-working-steps.working-steps-horizontal.working-steps-items-four .working-steps-inner .tm-sc-working-steps-item.working-steps-item-highlighted .image-holder { width: 80%; height: 80%; margin-top: 0; } } @media (max-width: 767.98px) { .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item { width: 100% !important; margin-bottom: 30px; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .working-steps-item-inner { width: 100%; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder { width: 65%; max-width: 200px; } .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.working-steps-item-highlighted .image-holder { width: 70%; height: 70%; margin-top: 0; } } /* * Shortcode: features-box.scss * ----------------------------------------------- */ /* * social-links.scss * ----------------------------------------------- */ .tm-sc-social-links { padding: 0; margin: 0; list-style: none; } .tm-sc-social-links li { display: inline-block; vertical-align: top; font-size: 1rem; } .tm-sc-social-links li a.social-link { position: relative; display: block; background: #333; border-radius: 50%; height: 45px; width: 45px; font-size: 18px; line-height: 45px; text-align: center; color: #fff; z-index: 1; transition: all 0.3s; } .tm-sc-social-links li a.social-link:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(241, 244, 246, 0.02); z-index: -1; transition: all 0.3s; } .tm-sc-social-links li a.social-link:hover { background: #eee; color: #31354c; } .tm-sc-social-links li a.social-link:hover:after { box-shadow: inset 0 0 0 50px #eee; } .tm-sc-social-links li:not(:last-child) { margin-right: 10px; } .tm-sc-social-links.icon-light li a.social-link { background: #f5f5f5; color: #333; border: 1px solid #fff; } .tm-sc-social-links.icon-light li a.social-link:after { box-shadow: inset 0 0 0 1px rgba(44, 44, 44, 0.02); } .tm-sc-social-links.icon-light li a.social-link:hover { background: #333; color: #fff; border: 1px solid #333; } .tm-sc-social-links.icon-light li a.social-link:hover:after { box-shadow: inset 0 0 0 50px #333; } .tm-sc-social-links.icon-rounded li a { border-radius: 5px; } .tm-sc-social-links.icon-xs li a { font-size: 12px; height: 25px; width: 25px; line-height: 25px; } .tm-sc-social-links.icon-sm li a { font-size: 14px; height: 30px; width: 30px; line-height: 30px; } .tm-sc-social-links.icon-md li a { font-size: 18px; height: 45px; width: 45px; line-height: 45px; } .tm-sc-social-links.icon-lg li a { font-size: 23px; height: 50px; width: 50px; line-height: 50px; } .tm-sc-social-links.icon-xl li a { font-size: 28px; height: 60px; width: 60px; line-height: 60px; } /* * Shortcode: location-marker.scss * ----------------------------------------------- */ .tm-sc-location-marker { position: relative; } .tm-sc-location-marker .bg-img { text-align: center; } .tm-sc-location-marker .each-location { position: absolute; height: 25px; width: 25px; background: #00c3ed; border-radius: 50%; cursor: pointer; transition: .3s all linear; border: 2px solid #fff; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .tm-sc-location-marker .each-location .each-location-details { width: 280px; background: #fff; position: absolute; left: -88px; top: 20px; box-shadow: 1px 0 30px #dae0ef; border: 1px solid #dae0ef; text-align: left; padding: 25px 30px; visibility: hidden; opacity: 0; transition: .3s all linear; z-index: 10; border-radius: 5px; } .tm-sc-location-marker .each-location .each-location-details .title { margin-top: 0; margin-bottom: 5px; font-size: 18px; line-height: 1.4; } .tm-sc-location-marker .each-location .each-location-details .content { font-size: 0.85rem; line-height: 1.5; } .tm-sc-location-marker .each-location.marker1 { top: 20%; left: 20%; } .tm-sc-location-marker .each-location.marker2 { top: 43%; left: 47%; } .tm-sc-location-marker .each-location.marker3 { top: 66%; left: 29%; } .tm-sc-location-marker .each-location.marker4 { top: 20%; left: 68%; } .tm-sc-location-marker .each-location.marker5 { top: 77%; left: 81%; } .tm-sc-location-marker .each-location:hover { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index: 10; } .tm-sc-location-marker .each-location:hover .each-location-details { visibility: visible; opacity: 1; } /* * Shortcode: tribe-events.scss * ----------------------------------------------- */ .tm-sc-tribe-events .event { margin-bottom: 10px; padding-bottom: 10px; } .tm-sc-tribe-events .event .event-content .event-meta { font-size: 14px; color: #888; margin-top: 5px; margin-bottom: 10px; } .tm-sc-tribe-events .event .event-content .event-meta .each-meta { display: inline-block; margin-right: 10px; } .tm-sc-tribe-events .event .event-content .event-meta .each-meta i { margin-right: 3px; } .tm-sc-tribe-events .event .event-content .event-excerpt p { margin-bottom: 0; } .tm-sc-tribe-events .event .event-content .btn-view-details { margin-top: 10px; } .tm-sc-tribe-events.tm-sc-tribe-events-grid .event, .tm-sc-tribe-events.tm-sc-tribe-events-masonry .event, .tm-sc-tribe-events.tm-sc-tribe-events-carousel .event { border: 1px solid #eee; border-radius: 10px; overflow: hidden; transition: all 0.4s ease-in-out; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); box-shadow: 0px 30px 50px rgba(5, 5, 5, 0.14); } @media (prefers-reduced-motion: reduce) { .tm-sc-tribe-events.tm-sc-tribe-events-grid .event, .tm-sc-tribe-events.tm-sc-tribe-events-masonry .event, .tm-sc-tribe-events.tm-sc-tribe-events-carousel .event { transition: none; } } .tm-sc-tribe-events.tm-sc-tribe-events-grid .event .event-thumb, .tm-sc-tribe-events.tm-sc-tribe-events-masonry .event .event-thumb, .tm-sc-tribe-events.tm-sc-tribe-events-carousel .event .event-thumb { position: relative; } .tm-sc-tribe-events.tm-sc-tribe-events-grid .event .event-thumb .event-start-date, .tm-sc-tribe-events.tm-sc-tribe-events-masonry .event .event-thumb .event-start-date, .tm-sc-tribe-events.tm-sc-tribe-events-carousel .event .event-thumb .event-start-date { background-color: rgba(0, 0, 0, 0.7); padding: 15px 20px; position: absolute; top: 0; right: 0; } .tm-sc-tribe-events.tm-sc-tribe-events-grid .event .event-thumb .event-start-date .event-start-day, .tm-sc-tribe-events.tm-sc-tribe-events-masonry .event .event-thumb .event-start-date .event-start-day, .tm-sc-tribe-events.tm-sc-tribe-events-carousel .event .event-thumb .event-start-date .event-start-day { color: #fff; font-size: 24px; line-height: 1em; } .tm-sc-tribe-events.tm-sc-tribe-events-grid .event .event-thumb .event-start-date .event-start-month, .tm-sc-tribe-events.tm-sc-tribe-events-masonry .event .event-thumb .event-start-date .event-start-month, .tm-sc-tribe-events.tm-sc-tribe-events-carousel .event .event-thumb .event-start-date .event-start-month { color: #fff; display: block; font-size: 15px; line-height: 1.1em; } .tm-sc-tribe-events.tm-sc-tribe-events-grid .event .event-content .event-meta, .tm-sc-tribe-events.tm-sc-tribe-events-masonry .event .event-content .event-meta, .tm-sc-tribe-events.tm-sc-tribe-events-carousel .event .event-content .event-meta { font-size: 14px; color: #888; margin-top: 5px; margin-bottom: 20px; } .tm-sc-tribe-events.tm-sc-tribe-events-grid .event .event-content .event-meta .each-meta, .tm-sc-tribe-events.tm-sc-tribe-events-masonry .event .event-content .event-meta .each-meta, .tm-sc-tribe-events.tm-sc-tribe-events-carousel .event .event-content .event-meta .each-meta { display: inline-block; margin-right: 10px; } .tm-sc-tribe-events.tm-sc-tribe-events-grid .event .event-content .event-meta .each-meta i, .tm-sc-tribe-events.tm-sc-tribe-events-masonry .event .event-content .event-meta .each-meta i, .tm-sc-tribe-events.tm-sc-tribe-events-carousel .event .event-content .event-meta .each-meta i { margin-right: 3px; } .tm-sc-tribe-events.tm-sc-tribe-events-grid .event .event-content, .tm-sc-tribe-events.tm-sc-tribe-events-masonry .event .event-content, .tm-sc-tribe-events.tm-sc-tribe-events-carousel .event .event-content { background-color: #fff; padding: 30px; } .tm-sc-tribe-events.tm-sc-tribe-events-grid .event .event-content .event-title, .tm-sc-tribe-events.tm-sc-tribe-events-masonry .event .event-content .event-title, .tm-sc-tribe-events.tm-sc-tribe-events-carousel .event .event-content .event-title { margin-top: 0; } .tm-sc-tribe-events.tm-sc-tribe-events-grid .event .event-content .btn-view-details, .tm-sc-tribe-events.tm-sc-tribe-events-masonry .event .event-content .btn-view-details, .tm-sc-tribe-events.tm-sc-tribe-events-carousel .event .event-content .btn-view-details { margin-top: 10px; } .tm-sc-tribe-events.tm-sc-tribe-events-grid .event:hover, .tm-sc-tribe-events.tm-sc-tribe-events-masonry .event:hover, .tm-sc-tribe-events.tm-sc-tribe-events-carousel .event:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .tm-sc-tribe-events.tm-sc-tribe-events-carousel .event { box-shadow: 0px 10px 10px rgba(5, 5, 5, 0.07); } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-left .event-date { background: #f7f7f7; padding: 20px 20px; text-align: center; margin-right: 15px; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-left .event-date .day { font-size: 30px; line-height: 1.1; font-weight: 600; display: block; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-left .event-date .month { font-size: 22px; line-height: 1.1; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-left.has-bg-theme-colored:not(.left-block-bordered) .event-date { color: #fff; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-left .event-thumb { margin-right: 15px; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-left .event-thumb img { max-width: none; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-left.left-block-medium .event-date { padding: 16px 20px; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-left.left-block-medium .event-date .day { font-size: 25px; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-left.left-block-medium .event-date .month { font-size: 16px; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-left.left-block-medium .event-thumb img { max-width: 78px; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-left.left-block-small .event-date { padding: 12px 15px; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-left.left-block-small .event-date .day { font-size: 22px; line-height: 1; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-left.left-block-small .event-date .month { font-size: 14px; line-height: 1; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-left.left-block-small .event-thumb img { max-width: 78px; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-left.left-block-bordered .event-date { background: transparent; border: 2px solid #eee; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-content .event-title { margin-top: 0; margin-bottom: 0; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-content .event-meta { font-size: 14px; color: #888; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-content .event-meta .each-meta { display: inline-block; margin-right: 10px; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical .event .event-content .event-meta .each-meta i { margin-right: 5px; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide { /* bx top nav style */ } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide .bx-wrapper { margin-bottom: 0; padding: 0; box-shadow: none; border: none; background: transparent; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide.has-nav-arrow .media { margin-top: 0; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide.has-nav-arrow .bx-controls .bx-controls-direction > a { background: #eee none repeat scroll 0 0; border: 1px solid #eee; height: auto; line-height: 36px; padding: 3px 12px 0; width: auto; text-indent: 0; top: -59px; z-index: 0; transition: all 0.2s ease; } @media (prefers-reduced-motion: reduce) { .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide.has-nav-arrow .bx-controls .bx-controls-direction > a { transition: none; } } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide.has-nav-arrow .bx-controls .bx-controls-direction > a i { color: #333; font-size: 18px; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide.has-nav-arrow .bx-controls .bx-controls-direction > a:hover { background: #999; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide.has-nav-arrow .bx-controls .bx-controls-direction > a:hover i { color: #fff; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide.has-nav-arrow .bx-controls .bx-controls-direction .bx-prev { margin-right: 4px; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide.has-nav-arrow.nav-arrow-position-bottom .bx-controls .bx-controls-direction { text-align: right; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide.has-nav-arrow.nav-arrow-position-bottom .bx-controls .bx-controls-direction .bx-prev { right: 35px; left: auto; top: auto; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide.has-nav-arrow.nav-arrow-position-bottom .bx-controls .bx-controls-direction .bx-next { right: 0; left: auto; top: auto; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide.has-nav-arrow.nav-arrow-position-top .bx-controls .bx-controls-direction .bx-prev { right: 35px; left: auto; } .tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide.has-nav-arrow.nav-arrow-position-top .bx-controls .bx-controls-direction .bx-next { right: 0; left: auto; } .tm-sc-tribe-events.tm-sc-tribe-events-fullwidth .event { margin-bottom: 30px; padding: 30px; border: 1px solid rgba(250, 250, 250, 0.15); background-color: rgba(0, 0, 0, 0.5); } .tm-sc-tribe-events.tm-sc-tribe-events-fullwidth .event .event-date .day { font-size: 48px; line-height: 1.1; font-weight: 600; display: block; } .tm-sc-tribe-events.tm-sc-tribe-events-fullwidth .event .event-date .month { font-size: 20px; line-height: 1.1; text-transform: uppercase; } /* * widgets.scss * ----------------------------------------------- */ /* * widgets-common.scss * ----------------------------------------------- */ .widget { margin-bottom: 45px; } .widget ul li { list-style: none; line-height: 2.5rem; } .widget > ul li:last-child, .widget ul.menu li:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } .widget.widget_recent_entries ul > li a { color: #444; } .widget.widget_recent_entries ul > li > span { display: block; color: #7d848a; font-size: 14px; font-weight: 300; line-height: 12px; padding: 4px 0; } .widget.widget_archive ul > li, .widget.widget_categories ul > li, .widget.widget_pages ul > li, .widget.widget_meta ul > li, .widget.widget_recent_comments ul > li, .widget.widget_rss ul > li, .widget.widget_nav_menu ul > li { padding-left: 25px; position: relative; } .widget.widget_archive ul > li::before, .widget.widget_categories ul > li::before, .widget.widget_pages ul > li::before, .widget.widget_meta ul > li::before, .widget.widget_recent_comments ul > li::before, .widget.widget_rss ul > li::before, .widget.widget_nav_menu ul > li::before { content: "\f054"; font-weight: 600; left: 0; position: absolute; font-family: "Font Awesome 5 Free"; color: #ccc; } .widget.widget_archive ul > li a, .widget.widget_categories ul > li a, .widget.widget_pages ul > li a, .widget.widget_meta ul > li a, .widget.widget_recent_comments ul > li a, .widget.widget_rss ul > li a, .widget.widget_nav_menu ul > li a { color: #7d848a; font-weight: normal; } .widget.widget_categories ul > li, .widget.widget_archive ul > li { padding-left: 24px; color: #bbb; } .widget.widget_categories ul > li::before, .widget.widget_archive ul > li::before { content: "\f07b"; } .widget.widget_recent_comments ul > li { line-height: 1.8; margin-bottom: 7px; padding-bottom: 7px; } .widget.widget_recent_comments ul > li .comment-author-link, .widget.widget_recent_comments ul > li .comment-author-link a { color: #555; font-weight: 700; } .widget.widget_recent_comments ul > li a { font-style: italic; } .widget.widget_recent_comments ul > li .comment-author-link a { font-style: normal; } .widget.widget_calendar td, .widget.widget_calendar th { color: #aaa; } .widget.widget_calendar th { color: #444; } .widget.widget_calendar tfoot a { color: #444; } .widget.widget_calendar caption { color: #aaa; } .widget.widget_nav_menu .sub-menu { /* padding-left: 10px; */ } .widget.widget_nav_menu ul > li::before { content: "\f105"; font-size: 14px; font-weight: 600; } .widget.widget_tag_cloud .tagcloud > a { background: none; border: 1px solid #eee; border-radius: 2px; color: #7d848a; display: inline-block; font-size: 12px !important; margin: 10px 12px 0 0 !important; padding: 6px 15px !important; font-weight: 400; letter-spacing: 0.25px; border-radius: 50px; text-transform: uppercase; transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .widget.widget_tag_cloud .tagcloud > a { transition: none; } } .widget.widget_tag_cloud .tagcloud > a:hover { background: #333; color: #fff; } .widget select { border: 1px solid rgba(51, 51, 51, 0.1); max-width: 100%; padding: 7px 10px; width: 100%; } .widget.widget_rss ul li { margin-bottom: 25px; } .widget.widget_rss ul li .rsswidget { display: block; color: #555; font-family: "Open Sans", sans-serif; font-weight: 700; } .widget.widget_rss ul li .rss-date { color: #aaa; } .widget.widget_rss ul li .rssSummary { color: #777; line-height: 1.8; } .widget.widget_rss ul li cite { color: #aaa; } .widget.widget_rss ul li:before, .widget.widget_rss ul li:after, .widget.widget_rss ul li a { line-height: 1.8; } .widget .name { margin-top: 0; } .widget-title { margin-bottom: 25px; margin-top: 0; font-size: 1.1rem; line-height: 1.1; } .widget-title.widget-title-line-bottom { position: relative; margin-bottom: 20px; padding-bottom: 15px; } .widget-title.widget-title-line-bottom:after, .widget-title.widget-title-line-bottom:before { background: #bbb; border-radius: 10px; bottom: -1px; content: ""; height: 3px; left: 0; position: absolute; width: 50px; } .widget-title.widget-title-line-bottom:before { background: #f5f5f5; width: 100%; } .title-dots { background: url("../images/title-dots.png") repeat scroll 0 0; height: 30px; margin-bottom: 20px; } .title-dots span { color: #fff; font-size: 17px; line-height: 30px; padding: 5px 10px; } .title-dots.small { height: 24px; margin-bottom: 15px; } .title-dots.small span { font-size: 11px; line-height: 23px; } /* * nav-tabs.scss * ----------------------------------------------- */ .widget .nav-tabs { border-bottom: 1px solid #ddd; } .widget .nav-tabs .nav-item .nav-link { padding: 0 15px; height: 40px; line-height: 40px; border-radius: 0; color: #444; background-color: #f2f2f2; font-size: 0.95rem; font-weight: bold; } .widget .nav-tabs .nav-item .nav-link.active { position: relative; top: 1px; background-color: #fff; } .widget .nav-tabs .nav-item .nav-link i { line-height: inherit; } .widget .tab-content { border-top: 0; padding: 20px; } /* * brochure-box.scss * ----------------------------------------------- */ .widget-brochure-box .brochure-box { background: #eee; border-radius: 3px; display: inline-block; padding: 10px 15px 10px 0; position: relative; width: 100%; transition: all 0.2s ease 0s; } @media (prefers-reduced-motion: reduce) { .widget-brochure-box .brochure-box { transition: none; } } .widget-brochure-box .brochure-box:hover { background: #333; } .widget-brochure-box .brochure-box .brochure-icon { border-right: 1px solid #ddd; border-radius: 3px 0 0 3px; color: #888; display: inline-block; font-size: 18px; padding: 15px; vertical-align: middle; transition: all 0.2s ease 0s; } @media (prefers-reduced-motion: reduce) { .widget-brochure-box .brochure-box .brochure-icon { transition: none; } } .widget-brochure-box .brochure-box:hover .brochure-icon { border-right-color: #444; color: #fff; } .widget-brochure-box .brochure-box .text { color: #333; display: inline-block; font-size: 14px; margin: 0; padding-left: 15px; } .widget-brochure-box .brochure-box:hover .text { color: #fff; } .widget-brochure-box .brochure-box.brochure-box-classic { padding: 15px 0; } .widget-brochure-box .brochure-box.brochure-box-classic .brochure-icon { padding: 3px 15px 0; float: right; border: 0; } .widget-brochure-box .brochure-box.brochure-box-dark-version { background: #333; } .widget-brochure-box .brochure-box.brochure-box-dark-version:hover { background: #eee; } .widget-brochure-box .brochure-box.brochure-box-dark-version .text { color: #fff; } .widget-brochure-box .brochure-box.brochure-box-dark-version:hover .text { color: #333; } .widget-brochure-box .brochure-box.brochure-box-dark-version .brochure-icon { border-right-color: #444; color: #fff; } .widget-brochure-box .brochure-box.brochure-box-dark-version:hover .brochure-icon { border-right-color: #ddd; color: #888; } .sidebar-area .widget-brochure-box { margin-bottom: 15px; } .sidebar-area .widget-brochure-box:last-child { margin-bottom: 45px; } .widget-brochure-box .brochure-box.brochure-box-black { background: #222; } .widget-brochure-box .brochure-box.brochure-box-black .brochure-icon { border-right: 1px solid #333; color: #fff; } .widget-brochure-box .brochure-box.brochure-box-black .text { color: #fff; } .widget-brochure-box .brochure-box.brochure-box-black:hover { background: #111; } .widget-brochure-box .brochure-box.brochure-box-black:hover .brochure-icon { border-right-color: #222; } /* * blog-list.scss * ----------------------------------------------- */ .widget .post { border-bottom: none; } .widget .post:not(:last-child) { margin-bottom: 10px; padding-bottom: 10px; } .widget .post .post-thumb { float: left; margin-right: 15px; margin-top: 1px; width: 85px; } .widget .post .post-thumb img { border-radius: 50%; } .widget .post .entry-meta { font-size: 0.9rem; margin: 0 15px 10px 0; color: #999; } .widget .post .post-right { overflow: hidden; } .widget .post .post-right .post-title { margin-top: 0; margin-bottom: 5px; } .widget .post .post-right .post-title a { color: #555; letter-spacing: 0; font-family: "Open Sans", sans-serif; font-size: 0.95rem; } .widget .post .post-right .entry-date { display: block; color: #888f96; font-size: 14px; line-height: 12px; padding: 4px 0; } .widget.widget_calendar table { width: 100%; margin-bottom: 0; } .widget.widget_calendar caption { padding-bottom: 0; line-height: 1; } .widget.widget_calendar table, .widget.widget_calendar th, .widget.widget_calendar td { border: 1px solid rgba(51, 51, 51, 0.1); } .widget.widget_calendar th { border-width: 0 1px 1px 0; font-weight: 700; } .widget.widget_calendar td, .widget.widget_calendar th { line-height: 2.3333; padding: 8px; text-align: center; line-height: 1.1em; } .widget.widget_calendar #today { background: #444 none repeat scroll 0 0; color: #fff; font-weight: 700; } .widget.widget_calendar #today > a { color: #fff; font-weight: 700; } footer#footer .widget.widget_calendar table, footer#footer .widget.widget_calendar th, footer#footer .widget.widget_calendar td { border: 1px solid #333; } footer#footer .widget.widget_calendar th { color: #ccc; } footer#footer.footer-black .widget_calendar table, footer#footer.footer-black .widget_calendar th, footer#footer.footer-black .widget_calendar td { border: 1px solid #333; } footer#footer.footer-black .widget_calendar #today { background: #ccc; color: #333; font-weight: 700; } footer#footer.footer-black .widget_calendar #today > a { color: #333; font-weight: 700; } /* * contact-info.scss * ----------------------------------------------- */ .tm-widget-contact-info .thumb { margin-bottom: 15px; } .tm-widget-contact-info .description { margin-bottom: 15px; } .tm-widget-contact-info ul { list-style: none; } .tm-widget-contact-info ul li { margin-bottom: 20px; padding: 0; line-height: 1.5rem; } .tm-widget-contact-info ul li .icon { color: #333; margin-right: 30px; transition: color 0.3s ease; } @media (prefers-reduced-motion: reduce) { .tm-widget-contact-info ul li .icon { transition: none; } } .tm-widget-contact-info ul li .text { font-weight: 400; font-size: 16px; } .tm-widget-contact-info ul li .text a { color: #666; } .tm-widget-contact-info ul li .text p { margin-bottom: 0; } .tm-widget-contact-info ul li:last-child { margin-bottom: 0; } .tm-widget-contact-info ul li a { font-weight: 300; } .tm-widget-contact-info ul li a:hover { text-decoration: underline; } .tm-widget-contact-info.contact-info-style1 li .icon { float: left; width: 16px; font-size: 22px; text-align: center; } .tm-widget-contact-info.contact-info-style1 li .text { overflow: hidden; } .tm-widget-contact-info.contact-info-style2 li .icon { display: none; } .tm-widget-contact-info.contact-info-style2 li .text { overflow: hidden; } .tm-widget-contact-info.contact-info-style3 li .icon { float: left; margin-right: 10px; font-weight: bold; } .tm-widget-contact-info.contact-info-style3 li .icon i { width: 16px; font-size: 18px; text-align: center; margin-right: 8px; vertical-align: middle; } .tm-widget-contact-info.contact-info-style3 li .text { overflow: hidden; } .tm-widget-contact-info.contact-info-style4 li .icon { margin-right: 0; font-weight: bold; } .tm-widget-contact-info.contact-info-style5 li .icon { margin-right: 0; font-weight: bold; } .tm-widget-contact-info.contact-info-style5 li .icon i { width: 16px; font-size: 18px; text-align: center; margin-right: 8px; vertical-align: middle; } /* * empty-space.scss * ----------------------------------------------- */ .widget-empty-space { margin-bottom: 0 !important; } /* * facebook.scss * ----------------------------------------------- */ /* * featured-page.scss * ----------------------------------------------- */ .widget-featured-page .page .page-content a { margin-bottom: 2px solid #bbb; } /* * flickr-feed.scss * ----------------------------------------------- */ #flickr-feed img { background: #000 none repeat scroll 0 0; float: left; height: 100%; padding: 0; width: 100%; } /* * gallery-images.scss * ----------------------------------------------- */ .widget-gallery-images .isotope-layout .isotope-item { margin-bottom: 0; } .widget-gallery-images .isotope-layout.grid-3 .isotope-item { width: 33.2% !important; } /* * google-map.scss * ----------------------------------------------- */ /* * google-plus.scss * ----------------------------------------------- */ /* * horizontal-row.scss * ----------------------------------------------- */ .widget-horizontal-row hr { margin-top: 0; margin-bottom: 20px; } /* * icon-box.scss * ----------------------------------------------- */ /* * instagram-feed.scss * ----------------------------------------------- */ /* -------- Instagram-Feed ---------- */ .instagram-feed-carousel figure, .instagram-feed-grid figure { position: relative; margin-bottom: 0; } .instagram-feed-carousel figure .link-out, .instagram-feed-grid figure .link-out { position: absolute; right: 10px; bottom: 10px; background: rgba(0, 0, 0, 0.45); color: #f8f8f8; line-height: 1; padding: 10px; font-weight: 300; opacity: 0; } .instagram-feed-carousel figure .link-out:hover, .instagram-feed-grid figure .link-out:hover { background: rgba(0, 0, 0, 0.7); color: #f8f8f8; } .instagram-feed-carousel figure:hover .link-out, .instagram-feed-grid figure:hover .link-out { opacity: 1; } /* -------- Instagram-Feed ---------- */ .instagram-feed-grid .item { width: 100px; float: left; margin-bottom: 2px; margin-right: 2px; } /* -------- Widget - Instagram-Feed ---------- */ .widget .instagram-feed-grid .item { margin-bottom: 0; margin-right: 0; padding: 1px; width: 25%; } /* * portfolio.scss * ----------------------------------------------- */ /* * search.scss * ----------------------------------------------- */ .search-form { margin-bottom: 0; position: relative; } .search-form .search-field { position: relative; background: #ffffff; display: block; font-size: 14px; width: 100%; height: 55px; font-weight: 400; border: 1px solid #eeeeee; } .search-form .search-submit { border: none; color: #fff; height: 100%; left: auto; padding: 8px 25px; position: absolute; right: 0; top: 0; border-radius: 0; transition: all 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .search-form .search-submit { transition: none; } } .search-form .search-submit:hover { background: #111; } /* * sidebar-nav-menu.scss * ----------------------------------------------- */ .tm-sidebar-nav-menu-style1 .widget.widget_nav_menu ul > li { margin: 0; padding: 0; } .tm-sidebar-nav-menu-style1 .widget.widget_nav_menu ul > li::before { content: ""; } .tm-sidebar-nav-menu-style1 .widget.widget_nav_menu ul > li > a { color: #012446; background: #f5f5f5; font-weight: 700; text-decoration: none !important; border-left: 5px solid transparent; border-bottom: 1px solid #fff; display: block; padding: 16px; transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .tm-sidebar-nav-menu-style1 .widget.widget_nav_menu ul > li > a { transition: none; } } .tm-sidebar-nav-menu-style1 .widget.widget_nav_menu ul > li > a:hover { border-left-color: #b798e0; } .tm-sidebar-nav-menu-style1 .widget.widget_nav_menu ul > li.active a { border-left-color: #b798e0; } .tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li { padding: 0; transition: all 100ms ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li { transition: none; } } .tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li::before { left: auto; right: 18px; top: 15px; font-size: 18px; } .tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li a { background: #eef0f3; border-left: 1px solid #eef0f3; border-bottom: 1px solid #fff; color: #333; font-weight: 700; display: block; padding: 16px; } .tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li a:hover { background: #fff; border-left: 5px solid #eee; } .tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li.active a { background: #fff; border-left: 5px solid #eee; } .tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li:first-child a { border-top: 1px solid #f5f5f5; } /* * social-list.scss * ----------------------------------------------- */ /* * testimonials.scss * ----------------------------------------------- */ .widget-testimonials .author-text { font-size: 18px; } /* * twitter-feed.scss * ----------------------------------------------- */ .twitter-feed li.item { position: relative; } .twitter-feed li::before { content: "\f081"; font-size: 24px; font-family: "Font Awesome 5 Brands"; font-weight: 600; display: block; } .widget .twitter-feed li::before { left: 0; position: absolute; top: 0; } .twitter-feed li, .twitter-feed-carousel li { font-size: 0.85rem; line-height: 1.7; margin-bottom: 12px; padding-bottom: 12px; margin-top: 0px; position: relative; list-style: none; } .widget .twitter-feed-carousel li { line-height: 1.7; } .widget .twitter-feed li { padding-left: 40px; line-height: 1.7; } /* * mailchimp-subscribe-form.scss * ----------------------------------------------- */ .mc4wp-form .form-control { background-color: #333; border-color: #444; border-radius: 0; box-shadow: none; color: #888; height: 50px; font-size: 13px; } .mc4wp-form .input-group-btn .btn { padding: 10px 16px 10px; background-color: #555; border-color: #555; color: #eee; border-radius: 0; } .mc4wp-form .input-group-btn .btn:hover { background-color: #444; } /* * shop.scss * ----------------------------------------------- */ /** * WooCommerce CSS Variables */ /* * shop-catalog-layouts.scss * ----------------------------------------------- */ .product { background-color: #fff; border: 1px solid #eee; box-shadow: 0px 10px 30px rgba(5, 5, 5, 0.08); border-radius: 15px; overflow: hidden; transition: all 500ms ease 0s; } @media (prefers-reduced-motion: reduce) { .product { transition: none; } } .product .product-header { position: relative; overflow: hidden; } .product .product-header .onsale { border-radius: 15px; background-size: 200% auto; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); font-size: 1rem; position: absolute; left: 10px; top: 10px; text-align: center; color: #fff; display: block; padding: 0 12px; text-transform: uppercase; z-index: 3; box-shadow: 0px 10px 30px rgba(5, 5, 5, 0.08); transition: all 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .product .product-header .onsale { transition: none; } } .product .product-header .thumb.image-swap .product-main-image { position: relative; z-index: 2; transition: all 0.4s ease; } @media (prefers-reduced-motion: reduce) { .product .product-header .thumb.image-swap .product-main-image { transition: none; } } .product .product-header .thumb.image-swap .product-hover-image { left: 0; overflow: hidden; position: absolute; top: 0; z-index: 1; transition: all 0.4s ease; } @media (prefers-reduced-motion: reduce) { .product .product-header .thumb.image-swap .product-hover-image { transition: none; } } .product .product-header .thumb.image-gallery .attachment-woocommerce_thumbnail, .product .product-header .thumb.image-gallery .wp-post-image { display: none; } .product .product-header .product-button-holder { position: absolute; margin: 0; clear: both; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; display: inline-block; vertical-align: top; width: 100%; left: 0; right: 0; bottom: 0; text-align: center; z-index: 2; -webkit-transform: translateY(-70px); -ms-transform: translateY(-70px); transform: translateY(-70px); transition: all 500ms ease 0s; } @media (prefers-reduced-motion: reduce) { .product .product-header .product-button-holder { transition: none; } } .product .product-header .product-button-holder .shop-icons li { display: inline-block; box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.3); } .product .product-header .product-button-holder .button.btn-quickview { display: inline-block; position: relative; margin: 0 8px 0 0; border: 0; color: #000; font-size: 0; padding: 0; line-height: 38px; height: 38px; width: 38px; vertical-align: top; margin: 0; background: #ffffff url("../images/shop/quick-view.svg") no-repeat scroll center 10px; background-size: 20px; } .product .product-header .product-button-holder .tm-btn-add-to-cart { display: inline-block; position: relative; margin: 0 8px 0 0; border: 0; color: #000; font-size: 0; padding: 0; line-height: 38px; height: 38px; width: 38px; vertical-align: top; margin: 0; background: #ffffff url("../images/shop/shopping-cart.svg") no-repeat scroll center 10px; background-size: 20px; } .product .product-header .product-button-holder .tm-btn-add-to-cart.loading { background-image: url("../images/shop/shopping-cart-loading.svg"); } .product .product-header .product-button-holder .tm-btn-add-to-cart.added { background-image: url("../images/shop/shopping-cart-added.svg"); } .product .product-details { border-top: 1px solid rgba(240, 240, 240, 0.5); padding: 20px 30px; background-color: #fff; } .product .product-details .product-title { margin: 0 0 8px; } .product .product-details .price { color: #77a464; font-size: 16px; font-weight: 600; display: block; } .product .product-details .price ins { text-decoration: none; } .product .product-details .price del { color: #aaa; font-size: 14px; margin-right: 5px; font-weight: 400; } .product .product-details .product-categories a { margin-right: 2px; font-weight: normal; text-transform: uppercase; color: #9fa5bc; font-size: 14px; } .product:hover { box-shadow: 0px -10px 20px rgba(5, 5, 5, 0.12); } .product:hover .product-header .thumb.image-swap .product-main-image { opacity: 0; } .product:hover .product-header .product-button-holder { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .product:hover .product-details { border-top-color: rgba(240, 240, 240, 0.9); background-color: #fff; } /* * shop-catalog-layouts.scss * ----------------------------------------------- */ .product-single .product-image-slider .tm-owl-thumbs { margin-top: 0; } .product-single .product-image-slider .tm-owl-thumbs .tm-owl-thumb-item { position: relative; padding: 0 10px; list-style: none; cursor: pointer; display: inline-block; max-width: 16.6666%; } .product-single .product-image-slider .tm-owl-thumbs .tm-owl-thumb-item:first-child { margin-left: -10px; } .product-single .product-image-slider .tm-owl-thumbs .tm-owl-thumb-item img { padding: 0; box-shadow: 0px 10px 20px rgba(5, 5, 5, 0.08); border: 1px solid rgba(5, 5, 5, 0.2); opacity: .5; transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .product-single .product-image-slider .tm-owl-thumbs .tm-owl-thumb-item:hover img, .product-single .product-image-slider .tm-owl-thumbs .tm-owl-thumb-item.active img { opacity: 1; box-shadow: 0px 10px 20px rgba(5, 5, 5, 0.18); } .product-reviews { list-style: none; } .product-reviews .review { margin-bottom: 15px; padding-bottom: 15px; } .product-reviews .review .review-meta li { padding-left: 0; } .product-reviews .review .review-meta .review-heading { margin-top: 0; } .product_meta { margin-top: 15px; margin-bottom: 30px; clear: both; font-size: 0.9rem; } .product_meta > span { color: #333; display: block; font-weight: 700; } .product_meta > span a, .product_meta > span .sku { color: #666; margin-left: 10px; font-weight: normal; } .product_meta > span a:hover, .product_meta > span .sku:hover { text-decoration: underline; } .star-rating { float: right; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.8em; } .star-rating::before { content: "\f005\f005\f005\f005\f005"; color: #d3ced2; font-family: "Font Awesome 5 Free"; font-weight: 600; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span::before { content: "\f005\f005\f005\f005\f005"; color: #f1c40f; font-family: "Font Awesome 5 Free"; font-weight: 600; top: 0; position: absolute; left: 0; } .product-rating { line-height: 2; display: block; } .product-rating::after { display: block; clear: both; content: ""; } .product-rating .star-rating { margin: 0.5em 4px 0 0; float: left; } .product-summary .price { font-size: 1.4rem; margin-top: 10px; margin-bottom: 20px; color: #77a464; font-weight: 600; } .product-summary .short-description strong { color: #333; font-weight: 700; } .product-summary form.cart { margin-bottom: 20px; } .product-summary form.cart .variations td { padding-left: 0; } .product-summary .review-link { font-size: 0.9rem; color: #666; font-weight: normal; } .product-summary .review-link:hover { text-decoration: underline; } .quantity .qty, .quantity .minus, .quantity .plus { background: #F7F7F7; -moz-appearance: textfield; background: #fbfbfb none repeat scroll 0 0; border: 1px solid #e4e4e4; display: block; float: left; padding: 11px 10px; cursor: pointer; } .quantity .minus { border-right: 1px solid transparent; padding: 11px 12px; } .quantity .plus { border-left: 1px solid transparent; } .quantity .qty { background: #fff none repeat scroll 0 0; text-align: center; width: 48px; padding-left: 5px; padding-right: 5px; } @media (max-width: 767.98px) { .quantity .minus, .quantity .plus { padding: 7px 19px; border: 1px solid #e4e4e4; } .quantity .qty { margin: 5px 0; } } /* * shop-catalog-layouts.scss * ----------------------------------------------- */ table.tbl-shopping-cart .product-thumbnail { min-width: 64px; } table.tbl-shopping-cart img { width: 64px; box-shadow: none; } table.tbl-shopping-cart th, table.tbl-shopping-cart td { vertical-align: middle; } table.tbl-shopping-cart .product-name a { color: #333; } table.tbl-shopping-cart .product-name .variation { font-size: 0.9rem; list-style: none; } table.tbl-shopping-cart .product-remove a { display: inline-block; width: 24px; height: 24px; line-height: 24px; border-radius: 24px; transition: all 300ms ease-out; background-color: #757575; color: #ffffff !important; text-align: center; } table.tbl-shopping-cart .quantity .qty, table.tbl-shopping-cart .quantity .minus, table.tbl-shopping-cart .quantity .plus { background: #F7F7F7; -moz-appearance: textfield; background: #fbfbfb none repeat scroll 0 0; border: 1px solid #e4e4e4; display: block; float: left; padding: 11px 10px; cursor: pointer; } table.tbl-shopping-cart .quantity .minus { border-right: 1px solid transparent; padding: 11px 12px; } table.tbl-shopping-cart .quantity .plus { border-left: 1px solid transparent; } table.tbl-shopping-cart .quantity .qty { background: #fff none repeat scroll 0 0; text-align: center; width: 48px; padding-left: 5px; padding-right: 5px; } @media (max-width: 767.98px) { table.tbl-shopping-cart .quantity .minus, table.tbl-shopping-cart .quantity .plus { padding: 7px 19px; border: 1px solid #e4e4e4; } table.tbl-shopping-cart .quantity .qty { margin: 5px 0; } } table.tbl-shopping-cart > thead > tr > th, table.tbl-shopping-cart > tbody > tr > th, table.tbl-shopping-cart > tfoot > tr > th { color: #444; } /* * shop-mini-cart.scss * ----------------------------------------------- */ .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents { position: relative; } .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .mini-cart-icon { color: #888; display: block; font-size: 20px; line-height: 1; padding: 5px; position: relative; } .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .mini-cart-icon .items-count { background-color: #28a745; border: 2px solid #eee; border-radius: 50%; color: #fff; font-size: 11px; font-weight: 500; height: 20px; width: 20px; line-height: 18px; margin-right: -2px; position: absolute; right: -2px; text-align: center; top: -2px; } .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .mini-cart-icon .cart-quick-info { display: none; } .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .dropdown-content { background-color: #fff; border: 1px solid #eee; font-size: 14px; left: auto; opacity: 0; padding: 20px; position: absolute; right: 0; text-align: left; top: calc(100%); transition: all 0.2s ease; visibility: hidden; width: 300px; z-index: 1000; } @media (prefers-reduced-motion: reduce) { .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .dropdown-content { transition: none; } } @media (max-width: 1199.98px) { .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .dropdown-content { top: calc(100%); } } .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .dropdown-content ul { list-style: none; } .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .dropdown-content .cart-subtotal { padding: 10px 0; text-align: center; } .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .dropdown-content .cart_list .mini_cart_item a { color: #444; } .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .dropdown-content .cart_list .mini_cart_item a.remove { color: #e81123; float: left; font-size: 16px; font-weight: 800; margin-left: 0; margin-right: 6px; margin-bottom: 30px; position: relative; top: -4px; } .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .dropdown-content .cart_list .mini_cart_item .attachment-thumbnail { width: 48px; float: right; } .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents .dropdown-content .cart_list .mini_cart_item .quantity { display: block; } .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents:hover { color: #888; } .top-nav-mini-cart-icon-container .top-nav-mini-cart-icon-contents:hover .dropdown-content { opacity: 1; visibility: visible; } /* * _shop-widgets.scss * ----------------------------------------------- */ .cart_list, .product_list_widget { list-style: none outside; padding: 0; margin: 0; } .cart_list li, .product_list_widget li { border-bottom: 1px solid #eee; margin: 6px 0; padding: 6px 0 12px; list-style: none; } .cart_list li::after, .product_list_widget li::after { display: block; clear: both; content: ""; } .cart_list li:last-child, .product_list_widget li:last-child { border-bottom: none; } .cart_list li .product-left, .product_list_widget li .product-left { float: left; margin-right: 15px; width: 80px; } .cart_list li .product-left a, .product_list_widget li .product-left a { display: block; line-height: 20px; } .cart_list li .product-left a img, .product_list_widget li .product-left a img { border: 1px solid #ebf0e6; border-radius: 4px; box-shadow: 0px 0 15px rgba(5, 5, 5, 0.05); } .cart_list li .product-right, .product_list_widget li .product-right { overflow: hidden; } .cart_list li .product-right .product-title, .product_list_widget li .product-right .product-title { color: #111; font-weight: normal; font-size: 1rem; display: block; line-height: 1.7; } .cart_list li .product-right .amount, .product_list_widget li .product-right .amount { display: inline-block; line-height: 1.3; margin: 10px 0 0; font-size: 0.95rem; } .cart_list li a.remove, .product_list_widget li a.remove { color: #e81123; float: left; font-size: 16px; font-weight: 800; margin-left: 0; margin-right: 6px; position: relative; top: -4px; } .cart_list li .attachment-shop_thumbnail, .product_list_widget li .attachment-shop_thumbnail { width: 64px; } .cart_list li dl, .product_list_widget li dl { margin: 0; padding-left: 1em; border-left: 2px solid rgba(0, 0, 0, 0.1); } .cart_list li dl::after, .product_list_widget li dl::after { display: block; clear: both; content: ""; } .cart_list li dl dt, .cart_list li dl dd, .product_list_widget li dl dt, .product_list_widget li dl dd { display: inline-block; float: left; margin-bottom: 1em; } .cart_list li dl dt, .product_list_widget li dl dt { font-weight: 700; padding: 0 0 0.25em; margin: 0 4px 0 0; clear: left; } .cart_list li dl dd, .product_list_widget li dl dd { padding: 0 0 0.25em; } .cart_list li dl dd p:last-child, .product_list_widget li dl dd p:last-child { margin-bottom: 0; } .cart_list li del, .cart_list li ins, .product_list_widget li del, .product_list_widget li ins { font-weight: 600; } .cart_list li .woocommerce-Price-amount, .product_list_widget li .woocommerce-Price-amount { color: #77a464; } .cart_list li ins, .product_list_widget li ins { text-decoration: none; } .cart_list li del, .product_list_widget li del { margin-right: 5px; font-weight: 400; } .cart_list li del .woocommerce-Price-amount, .product_list_widget li del .woocommerce-Price-amount { color: #aaa; } .cart_list li .star-rating, .product_list_widget li .star-rating { float: none; } /* * Shortcode: clients.scss * ----------------------------------------------- */ .tm-sc-clients .item { padding: 15px 10px; margin: 15px 0; text-align: center; } .tm-sc-clients .item img { transition: all 0.3s; } @media (prefers-reduced-motion: reduce) { .tm-sc-clients .item img { transition: none; } } .tm-sc-clients.tm-sc-clients-grid .item { margin: 15px 0; } .tm-sc-clients.clients-animation-grayscale .item img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .5; } .tm-sc-clients.clients-animation-grayscale .item:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } .tm-sc-clients.clients-animation-opacity .item img { opacity: .7; } .tm-sc-clients.clients-animation-opacity .item:hover img { opacity: 1; } .tm-sc-clients.clients-animation-blur .item:hover img { -webkit-filter: blur(1px); filter: blur(1px); } .tm-sc-clients.clients-animation-zoom .item img { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .tm-sc-clients.clients-animation-zoom .item:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .tm-sc-clients.clients-animation-contrast .item:hover img { -webkit-filter: contrast(300%); filter: contrast(300%); } .tm-sc-clients.clients-animation-invert .item:hover img { -webkit-filter: invert(100%); filter: invert(100%); } .tm-sc-clients.clients-animation-rollover .item { position: relative; overflow: hidden; margin: 0; padding: 0; border: none; } .tm-sc-clients.clients-animation-rollover .item:hover .client-thumb { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } .tm-sc-clients.clients-animation-rollover .item:hover .client-thumb-hover { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); } .tm-sc-clients.clients-animation-rollover .item .client-thumb { position: relative; display: block; width: auto; margin: 0 auto; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93); -moz-transition: -moz-transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93); transition: transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93); } .tm-sc-clients.clients-animation-rollover .item .client-thumb-hover { position: absolute; top: 0; left: 50%; width: auto; -webkit-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); transform: translate(-50%, -100%); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93); -moz-transition: -moz-transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93); transition: transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93); } .tm-sc-clients.bgcolor-logo .item { background-color: #fff; margin-bottom: 30px; } .tm-sc-clients.client-white .item { border: 1px solid rgba(203, 203, 203, 0.2); } .tm-sc-clients.clients-grid { align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .tm-sc-clients.clients-grid .item { flex: 0 0 20%; max-width: 20%; margin-bottom: 40px; } /* * Shortcode: departments.scss * ----------------------------------------------- */ .tm-departments-item { margin-bottom: 40px; } .tm-departments-item .details .title { margin-top: 15px; } .departments .entry-content li, .service-excerpt li { list-style: outside none none; } .owl-carousel .tm-departments-item { margin-bottom: 30px; } .service-excerpt { margin-bottom: 30px; } .tm-sc-departments-tab { border-radius: 10px; box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); background: #fff; } .tm-sc-departments-tab .nav-tabs { border-bottom: 1px solid #f1f1f1; text-align: center; } .tm-sc-departments-tab .nav-tabs > li { border-left: 1px solid #eee; margin-bottom: 0; width: 20%; text-align: center; border-bottom: 5px solid #eee; } .tm-sc-departments-tab .nav-tabs > li:first-child { border-left: none; } .tm-sc-departments-tab .nav-tabs > li > a { display: block; color: #a9a9a9; font-size: 13px; margin-right: 0; padding: 30px 20px; border: none; text-transform: uppercase; } .tm-sc-departments-tab .nav-tabs > li > a i { font-size: 3rem; line-height: 1; margin-right: 0; margin-bottom: 15px; vertical-align: middle; } .tm-sc-departments-tab .nav-tabs > li > a img { margin-bottom: 5px; max-width: 70px; } .tm-sc-departments-tab .nav-tabs > li > a span { display: block; } .tm-sc-departments-tab .tab-content .sub-title { color: #bbb; } @media (max-width: 1199.98px) { .tm-sc-departments-tab .tab-content { margin-bottom: 30px; } } @media (max-width: 991.98px) { .tm-sc-departments-tab .tab-content { padding: 30px; } } .tm-sc-departments-tab .tab-content li { list-style: none; } .tm-sc-departments-tab .tab-content .btn-view-details { margin-top: 30px; } @media (max-width: 767.98px) { .tm-sc-departments-tab .nav.nav-tabs a { padding: 10px 0; font-size: 9px; } .tm-sc-departments-tab .nav.nav-tabs a i { font-size: 28px; margin-top: 10px; } .tm-sc-departments-tab .nav.nav-tabs a span { display: none; } } /* departments-single-wrapper */ .departments-single-wrapper .departments-content .thumb { margin-bottom: 20px; } .departments-single-wrapper .list-departments a.list-group-item.active, .departments-single-wrapper .list-departments a.list-group-item:focus, .departments-single-wrapper .list-departments a.list-group-item:hover, .departments-single-wrapper .list-departments button.list-group-item.active, .departments-single-wrapper .list-departments button.list-group-item:focus, .departments-single-wrapper .list-departments button.list-group-item:hover { background-color: #f5f5f5; color: #555; border: 1px solid #ddd; border-left: 4px solid #ccc; transition: all 0.4s ease; } @media (prefers-reduced-motion: reduce) { .departments-single-wrapper .list-departments a.list-group-item.active, .departments-single-wrapper .list-departments a.list-group-item:focus, .departments-single-wrapper .list-departments a.list-group-item:hover, .departments-single-wrapper .list-departments button.list-group-item.active, .departments-single-wrapper .list-departments button.list-group-item:focus, .departments-single-wrapper .list-departments button.list-group-item:hover { transition: none; } } .departments-single-wrapper .departments-sidebar .list-group-item-title { text-transform: uppercase; } /* * Shortcode: faq.scss * ----------------------------------------------- */ /* * Shortcode: gallery.scss * ----------------------------------------------- */ .gallery-items-rounded .effect-wrapper { border-radius: 6px; } .tm-sc-gallery .tm-gallery.box-hover-effect { display: block; } .tm-sc-gallery .tm-gallery.box-hover-effect .effect-wrapper { background-color: #b2afab; border: 1px solid #f3f1f1; } .tm-sc-gallery .tm-gallery.box-hover-effect:hover .effect-wrapper .thumb { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .tm-sc-gallery .tm-gallery.box-hover-effect:hover .effect-wrapper .overlay-shade { opacity: 0.85; filter: alpha(opacity=70); } .tm-sc-gallery .text-holder .title { font-size: 18px; text-transform: uppercase; } .tm-sc-gallery .text-holder .date, .tm-sc-gallery .text-holder .category { color: #aaa; font-size: 12px; } .tm-sc-gallery .overlay-shade.shade-white + .text-holder .date, .tm-sc-gallery .overlay-shade.shade-white + .text-holder .category { color: #777; } .tm-sc-gallery .overlay-shade.shade-theme-colored1 + .text-holder .title, .tm-sc-gallery .overlay-shade.shade-theme-colored1 + .text-holder .date, .tm-sc-gallery .overlay-shade.shade-theme-colored1 + .text-holder .category, .tm-sc-gallery .overlay-shade.shade-theme-colored2 + .text-holder .title, .tm-sc-gallery .overlay-shade.shade-theme-colored2 + .text-holder .date, .tm-sc-gallery .overlay-shade.shade-theme-colored2 + .text-holder .category { color: #fff; } .tm-sc-gallery.tm-sc-gallery-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner { height: 100%; } .tm-sc-gallery.tm-sc-gallery-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .tm-gallery-inner { height: 100%; } .tm-sc-gallery.tm-sc-gallery-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .tm-gallery-inner .thumb { height: 100%; } .tm-sc-gallery.tm-sc-gallery-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .tm-gallery-inner .thumb a { height: 100%; } .tm-sc-gallery.tm-sc-gallery-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .tm-gallery-inner .thumb a img { height: 100%; } .tm-sc-gallery.gallery-style1-basic .tm-gallery { position: relative; overflow: hidden; } .tm-sc-gallery.gallery-style1-basic .tm-gallery .thumb { overflow: hidden; position: relative; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; } .tm-sc-gallery.gallery-style1-basic .tm-gallery .tm-gallery-content-wrapper { box-sizing: border-box; padding: 20px; position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .tm-sc-gallery.gallery-style1-basic .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content { display: table; height: 100%; width: 100%; overflow: hidden; } .tm-sc-gallery.gallery-style1-basic .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content:after { content: ''; background-color: rgba(24, 19, 60, 0.75); position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; opacity: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; } .tm-sc-gallery.gallery-style1-basic .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner { display: table-cell; padding: 20px; height: 100%; width: 100%; position: relative; vertical-align: middle; text-align: center; z-index: 9; } .tm-sc-gallery.gallery-style1-basic .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner .title-holder { overflow: hidden; } .tm-sc-gallery.gallery-style1-basic .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner .title-holder .title { text-transform: uppercase; color: #fff; } .tm-sc-gallery.gallery-style1-basic .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner .title-holder .title a:hover { color: #ccc; } .tm-sc-gallery.gallery-style1-basic .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner .title, .tm-sc-gallery.gallery-style1-basic .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner .styled-icons { position: relative; opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: -webkit-transform .4s, opacity .2s; transition: transform .4s, opacity .2s; will-change: transform, opacity; } .tm-sc-gallery.gallery-style1-basic .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner .icons-holder-inner { overflow: hidden; } .tm-sc-gallery.gallery-style1-basic .tm-gallery:hover .thumb { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .tm-sc-gallery.gallery-style1-basic .tm-gallery:hover .tm-gallery-content-wrapper .tm-gallery-content:after { opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; } .tm-sc-gallery.gallery-style1-basic .tm-gallery:hover .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner .title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; } .tm-sc-gallery.gallery-style1-basic .tm-gallery:hover .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner .styled-icons { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; } /* * Shortcode: portfolio.scss * ----------------------------------------------- */ .portfolio-archive .portfolio-item .title { margin-top: 5px; margin-bottom: 5px; } .portfolio-archive .portfolio-item .content { margin-top: 5px; } .portfolio-archive .portfolio-item .category { font-size: 12px; margin-bottom: 0; } .portfolio-archive .portfolio-item .tag { font-size: 12px; margin-bottom: 0; } .portfolio-archive .portfolio-item .date { font-size: 12px; } .portfolio-archive .portfolio-item .entry-meta i, .portfolio-archive .portfolio-item .entry-meta a { font-size: 12px; } .portfolio-archive .effect-wrapper .date { margin-bottom: 0; } .portfolio-archive .effect-wrapper ul li { margin-bottom: 0; } .portfolio-archive.portfolio-type-default .title { margin: 0; } .portfolio-archive.portfolio-type-paris .entry-meta { margin-top: 10px; } .portfolio-archive.portfolio-type-paris .entry-meta li { margin-top: 0; } .portfolio-archive.portfolio-type-paris .content { margin-top: 0; } .portfolio-archive.portfolio-type-barlin .entry-meta { margin-top: 10px; } .portfolio-archive.portfolio-type-barlin .entry-meta li { margin-top: 0; } .portfolio-archive.portfolio-type-barlin .content { margin-top: 0; } body.single-portfolio-items .portfolio-single .portfolio-title { text-transform: uppercase; margin-bottom: 20px; } body.single-portfolio-items .portfolio-single .portfolio-content { margin-bottom: 20px; } body.single-portfolio-items .portfolio-single .portfolio-container { margin-bottom: 60px; } body.single-portfolio-items .portfolio-single .portfolio-details { margin-bottom: 20px; } body.single-portfolio-items .portfolio-single .portfolio-details .portfolio-details-inner { transition: all 1s ease-in; } @media (prefers-reduced-motion: reduce) { body.single-portfolio-items .portfolio-single .portfolio-details .portfolio-details-inner { transition: none; } } body.single-portfolio-items .portfolio-single .pre-next-post-link { border-top: 1px solid #eee; padding: 30px 0; } body.single-portfolio-items .portfolio-single .pre-next-post-link .pre-post-link a, body.single-portfolio-items .portfolio-single .pre-next-post-link .next-post-link a { color: #bbb; font-size: 0.875rem; font-style: italic; } body.single-portfolio-items .portfolio-single .pre-next-post-link .pre-post-link i { margin-right: 10px; } body.single-portfolio-items .portfolio-single .pre-next-post-link .next-post-link i { margin-left: 10px; } body.single-portfolio-items .portfolio-single .back-to-portfolio { font-size: 32px; color: #bbb; } body.single-portfolio-items .portfolio-single .back-to-portfolio:hover { color: #333; } body.single-portfolio-items .portfolio-single .portfolio-images .each-p-image { margin-bottom: 20px; } body.single-portfolio-items .portfolio-single .portfolio-images .each-p-image .thumb { position: relative; overflow: hidden; } body.single-portfolio-items .portfolio-single .portfolio-images .each-p-image .thumb:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); transition: all 0.3s linear; overflow: hidden; -webkit-transform: scaleY(0); -khtml-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); opacity: 0; } @media (prefers-reduced-motion: reduce) { body.single-portfolio-items .portfolio-single .portfolio-images .each-p-image .thumb:after { transition: none; } } body.single-portfolio-items .portfolio-single .portfolio-images .each-p-image .thumb .link { background: #333; position: absolute; left: 0; top: 50%; right: 0; height: 40px; width: 40px; border-radius: 50%; color: #fff; padding: 7px; text-align: center; margin: -20px auto 0; z-index: 1; opacity: 0; transition: all 0.4s ease-in-out; } @media (prefers-reduced-motion: reduce) { body.single-portfolio-items .portfolio-single .portfolio-images .each-p-image .thumb .link { transition: none; } } body.single-portfolio-items .portfolio-single .portfolio-images .each-p-image:hover .thumb:after { -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); opacity: 1; } body.single-portfolio-items .portfolio-single .portfolio-images .each-p-image:hover .thumb .link { opacity: 1; transform: rotateY(180deg); } body.single-portfolio-items .portfolio-single .portfolio-meta { margin-bottom: 30px; } body.single-portfolio-items .portfolio-single .portfolio-meta .each-meta .title { display: inline-block; width: 25%; font-size: 0.875rem; font-weight: 500; } body.single-portfolio-items .portfolio-single .portfolio-meta .each-meta .info { display: inline-block; font-size: 0.875rem; font-weight: normal; color: #666; margin-bottom: 0; } body.single-portfolio-items .portfolio-single .portfolio-meta .each-meta .info a { font-size: 0.875rem; font-weight: normal; color: #666; } body.single-portfolio-items .portfolio-single .launch-project-link { margin-bottom: 30px; } body.single-portfolio-items .portfolio-single .tm-social-share-icons { margin-top: 30px; } .tm-sc-portfolio .tm-portfolio.box-hover-effect { display: block; } .tm-sc-portfolio .tm-portfolio.box-hover-effect .effect-wrapper { background-color: #b2afab; border: 1px solid #f3f1f1; } .tm-sc-portfolio .tm-portfolio.box-hover-effect:hover .effect-wrapper .thumb { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .tm-sc-portfolio .tm-portfolio.box-hover-effect:hover .effect-wrapper .overlay-shade { opacity: 0.85; filter: alpha(opacity=70); } .tm-sc-portfolio .text-holder .title { font-size: 18px; text-transform: uppercase; } .tm-sc-portfolio .text-holder .date, .tm-sc-portfolio .text-holder .category { color: #aaa; font-size: 12px; } .tm-sc-portfolio .overlay-shade.shade-white + .text-holder .date, .tm-sc-portfolio .overlay-shade.shade-white + .text-holder .category { color: #777; } .tm-sc-portfolio .overlay-shade.shade-theme-colored1 + .text-holder .title, .tm-sc-portfolio .overlay-shade.shade-theme-colored1 + .text-holder .date, .tm-sc-portfolio .overlay-shade.shade-theme-colored1 + .text-holder .category, .tm-sc-portfolio .overlay-shade.shade-theme-colored2 + .text-holder .title, .tm-sc-portfolio .overlay-shade.shade-theme-colored2 + .text-holder .date, .tm-sc-portfolio .overlay-shade.shade-theme-colored2 + .text-holder .category { color: #fff; } .tm-sc-portfolio.tm-sc-portfolio-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner { height: 100%; } .tm-sc-portfolio.tm-sc-portfolio-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .tm-portfolio-inner { height: 100%; } .tm-sc-portfolio.tm-sc-portfolio-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .tm-portfolio-inner .thumb { height: 100%; } .tm-sc-portfolio.tm-sc-portfolio-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .tm-portfolio-inner .thumb a { height: 100%; } .tm-sc-portfolio.tm-sc-portfolio-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .tm-portfolio-inner .thumb a img { height: 100%; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio { position: relative; overflow: hidden; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio .thumb { overflow: hidden; position: relative; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio .tm-portfolio-content-wrapper { box-sizing: border-box; padding: 20px; position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content { display: table; height: 100%; width: 100%; overflow: hidden; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content:after { content: ''; background-color: rgba(255, 255, 255, 0.95); position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; opacity: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner { display: table-cell; padding: 20px; height: 100%; width: 100%; position: relative; vertical-align: bottom; z-index: 9; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title-holder { overflow: hidden; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title-holder .title { text-transform: uppercase; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title, .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .categories { position: relative; opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform .4s, opacity .2s; transition: transform .4s, opacity .2s; will-change: transform, opacity; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder { overflow: hidden; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories { font-size: 14px; list-style: none; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a { display: inline-block; padding-right: 5px; margin-right: 10px; position: relative; color: #999; font-weight: 500; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:last-child { padding-right: 0; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:last-child:after { content: ''; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:after { content: ','; position: absolute; top: 0; right: 0; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:hover { color: #666; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio:hover .thumb { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio:hover .tm-portfolio-content-wrapper .tm-portfolio-content:after { opacity: 1; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio:hover .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; } .tm-sc-portfolio.portfolio-style1-current-theme .tm-portfolio:hover .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .categories { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; } .tm-sc-portfolio.portfolio-style2-simple .tm-portfolio { position: relative; overflow: hidden; } .tm-sc-portfolio.portfolio-style2-simple .tm-portfolio .thumb { overflow: hidden; position: relative; } .tm-sc-portfolio.portfolio-style2-simple .tm-portfolio .thumb img { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; } .tm-sc-portfolio.portfolio-style2-simple .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title-holder .title { text-transform: uppercase; } .tm-sc-portfolio.portfolio-style2-simple .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder { overflow: hidden; } .tm-sc-portfolio.portfolio-style2-simple .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories { font-size: 14px; list-style: none; } .tm-sc-portfolio.portfolio-style2-simple .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a { display: inline-block; padding-right: 5px; margin-right: 10px; position: relative; color: #999; font-weight: 500; } .tm-sc-portfolio.portfolio-style2-simple .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:last-child { padding-right: 0; } .tm-sc-portfolio.portfolio-style2-simple .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:last-child:after { content: ''; } .tm-sc-portfolio.portfolio-style2-simple .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:after { content: ','; position: absolute; top: 0; right: 0; } .tm-sc-portfolio.portfolio-style2-simple .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:hover { color: #666; } .tm-sc-portfolio.portfolio-style2-simple .tm-portfolio:hover .thumb img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio { position: relative; overflow: hidden; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper { box-sizing: border-box; padding: 20px; position: absolute; left: 0; bottom: 0; width: 100%; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content { display: table; height: 100%; width: 100%; overflow: hidden; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content:after { content: ''; background-color: rgba(255, 255, 255, 0.95); position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; opacity: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner { display: table-cell; padding: 20px; height: 100%; width: 100%; position: relative; vertical-align: bottom; z-index: 9; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title-holder { overflow: hidden; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title-holder .title { text-transform: uppercase; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title, .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .categories { position: relative; opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform .4s, opacity .2s; transition: transform .4s, opacity .2s; will-change: transform, opacity; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder { overflow: hidden; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories { font-size: 14px; list-style: none; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a { display: inline-block; padding-right: 5px; margin-right: 10px; position: relative; color: #999; font-weight: 500; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:last-child { padding-right: 0; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:last-child:after { content: ''; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:after { content: ','; position: absolute; top: 0; right: 0; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:hover { color: #666; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio:hover .tm-portfolio-content-wrapper .tm-portfolio-content:after { opacity: 1; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio:hover .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; } .tm-sc-portfolio.portfolio-style2-simple.tm-sc-portfolio-masonry-tiles .tm-portfolio:hover .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .categories { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; } .tm-sc-portfolio.portfolio-style3-classic .tm-portfolio { position: relative; overflow: hidden; } .tm-sc-portfolio.portfolio-style3-classic .tm-portfolio .thumb { overflow: hidden; position: relative; } .tm-sc-portfolio.portfolio-style3-classic .tm-portfolio .thumb img { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; } .tm-sc-portfolio.portfolio-style3-classic .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content { background-color: #fff; border: 1px solid rgba(234, 234, 234, 0.58); padding: 20px 10px; text-align: center; } .tm-sc-portfolio.portfolio-style3-classic .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title-holder .title { text-transform: uppercase; } .tm-sc-portfolio.portfolio-style3-classic .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder { overflow: hidden; } .tm-sc-portfolio.portfolio-style3-classic .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories { font-size: 14px; list-style: none; } .tm-sc-portfolio.portfolio-style3-classic .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a { display: inline-block; padding-right: 5px; margin-right: 10px; position: relative; color: #999; font-weight: 500; } .tm-sc-portfolio.portfolio-style3-classic .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:last-child { padding-right: 0; } .tm-sc-portfolio.portfolio-style3-classic .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:last-child:after { content: ''; } .tm-sc-portfolio.portfolio-style3-classic .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:after { content: ','; position: absolute; top: 0; right: 0; } .tm-sc-portfolio.portfolio-style3-classic .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:hover { color: #666; } .tm-sc-portfolio.portfolio-style3-classic .tm-portfolio:hover .thumb img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio { position: relative; overflow: hidden; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper { box-sizing: border-box; padding: 20px; position: absolute; left: 0; bottom: 0; width: 100%; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content { background-color: transparent; border: none; display: table; height: 100%; width: 100%; overflow: hidden; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content:after { content: ''; background-color: rgba(255, 255, 255, 0.95); position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; opacity: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner { display: table-cell; padding: 20px; height: 100%; width: 100%; position: relative; vertical-align: bottom; z-index: 9; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title-holder { overflow: hidden; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title-holder .title { text-transform: uppercase; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title, .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .categories { position: relative; opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform .4s, opacity .2s; transition: transform .4s, opacity .2s; will-change: transform, opacity; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder { overflow: hidden; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories { font-size: 14px; list-style: none; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a { display: inline-block; padding-right: 5px; margin-right: 10px; position: relative; color: #999; font-weight: 500; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:last-child { padding-right: 0; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:last-child:after { content: ''; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:after { content: ','; position: absolute; top: 0; right: 0; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:hover { color: #666; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio:hover .tm-portfolio-content-wrapper .tm-portfolio-content:after { opacity: 1; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio:hover .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; } .tm-sc-portfolio.portfolio-style3-classic.tm-sc-portfolio-masonry-tiles .tm-portfolio:hover .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .categories { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio { position: relative; overflow: hidden; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio .thumb { overflow: hidden; position: relative; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio .tm-portfolio-content-wrapper { box-sizing: border-box; position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content { display: table; height: 100%; width: 100%; overflow: hidden; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content:after { content: ''; background-color: rgba(255, 255, 255, 0.95); position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner { display: table-cell; padding: 20px; height: 100%; width: 100%; position: relative; vertical-align: middle; text-align: center; z-index: 9; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title-holder { overflow: hidden; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title-holder .title { text-transform: uppercase; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title, .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .categories { position: relative; opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: -webkit-transform .4s, opacity .2s; transition: transform .4s, opacity .2s; will-change: transform, opacity; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder { overflow: hidden; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories { font-size: 14px; list-style: none; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a { display: inline-block; padding-right: 5px; margin-right: 10px; position: relative; color: #999; font-weight: 500; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:last-child { padding-right: 0; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:last-child:after { content: ''; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:after { content: ','; position: absolute; top: 0; right: 0; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .category-holder .categories a:hover { color: #666; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio:hover .thumb { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio:hover .tm-portfolio-content-wrapper .tm-portfolio-content:after { opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio:hover .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; } .tm-sc-portfolio.portfolio-style4-modern .tm-portfolio:hover .tm-portfolio-content-wrapper .tm-portfolio-content .tm-portfolio-content-inner .categories { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; } .tm-sc-portfolio.tm-sc-portfolio-floating-parallax .floating-portfolio-holder { padding: 30px; text-align: center; } .tm-sc-portfolio.tm-sc-portfolio-floating-parallax .floating-portfolio-holder:nth-child(4n + 1), .tm-sc-portfolio.tm-sc-portfolio-floating-parallax .floating-portfolio-holder:nth-child(4n + 4) { padding: 60px; } @media (max-width: 1199.98px) { .tm-sc-portfolio.tm-sc-portfolio-floating-parallax .floating-portfolio-holder:nth-child(4n + 1), .tm-sc-portfolio.tm-sc-portfolio-floating-parallax .floating-portfolio-holder:nth-child(4n + 4) { padding: 30px; } } .tm-sc-portfolio.tm-sc-portfolio-floating-parallax .floating-portfolio-holder .thumb { border-radius: 7px; clip-path: inset(0% 0% 0% 0%); -webkit-transition: all 0.3s cubic-bezier(0.7, 0.04, 0.37, 1); transition: all 0.3s cubic-bezier(0.7, 0.04, 0.37, 1); } .tm-sc-portfolio.tm-sc-portfolio-floating-parallax .floating-portfolio-holder:hover .thumb { clip-path: inset(3% 3% 3% 3%); } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper { display: flex; flex-direction: row; height: 750px; } @media (max-width: 991.98px) { .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper { flex-direction: column; } } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column { width: 50%; height: 100%; transition: all 0.5s ease-in-out; display: flex; align-items: center; justify-content: center; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; } @media (max-width: 991.98px) { .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column { width: 100%; height: 50%; } } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column .tm-portfolio { position: relative; display: table; width: 100%; height: 100%; padding: 30px; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column .tm-portfolio:after { content: ''; background-color: rgba(22, 22, 22, 0.5); position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; opacity: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column .tm-portfolio:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-image: url("../images/shadow-overlay2.png"); background-position: center bottom; opacity: 0.6; z-index: 1; background-repeat: no-repeat; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column .tm-portfolio .tm-portfolio-inner { position: relative; padding: 20px; display: table-cell; width: 100%; height: 100%; vertical-align: bottom; z-index: 9; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column .tm-portfolio .tm-portfolio-inner .title, .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column .tm-portfolio .tm-portfolio-inner .categories { position: relative; opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform .4s, opacity .2s; transition: transform .4s, opacity .2s; will-change: transform, opacity; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column .tm-portfolio .tm-portfolio-inner .title-holder { overflow: hidden; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column .tm-portfolio .tm-portfolio-inner .title-holder .title { text-transform: uppercase; color: #fff; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column .tm-portfolio .tm-portfolio-inner .title-holder .title a:hover { color: #ccc; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column .tm-portfolio .tm-portfolio-inner .category-holder { overflow: hidden; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column .tm-portfolio .tm-portfolio-inner .category-holder .categories { font-size: 14px; list-style: none; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column .tm-portfolio .tm-portfolio-inner .category-holder .categories a { display: inline-block; padding-right: 5px; margin-right: 10px; position: relative; color: #bbb; font-weight: 500; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column .tm-portfolio .tm-portfolio-inner .category-holder .categories a:last-child { padding-right: 0; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column .tm-portfolio .tm-portfolio-inner .category-holder .categories a:last-child:after { content: ''; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column .tm-portfolio .tm-portfolio-inner .category-holder .categories a:after { content: ','; position: absolute; top: 0; right: 0; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column .tm-portfolio .tm-portfolio-inner .category-holder .categories a:hover { color: #fff; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column:hover { width: 75%; } @media (max-width: 991.98px) { .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column:hover { width: 100%; height: 75%; } } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column:hover .tm-portfolio:after { opacity: 1; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column:hover .tm-portfolio .tm-portfolio-inner .title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; } .tm-sc-portfolio.tm-sc-portfolio-expand-hover-column .expand-hover-column-wrapper .each-expand-column:hover .tm-portfolio .tm-portfolio-inner .categories { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider { height: 100vh; padding-top: 10px; padding-bottom: 10px; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100%; margin-bottom: -10px; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner { position: relative; width: 100%; z-index: 1; height: 100%; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .owl-stage-outer { height: 100% !important; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .owl-stage-outer .owl-stage { height: 100%; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .owl-stage-outer .owl-stage .owl-item { height: 100%; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide { height: 100%; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide .tm-portfolio { position: relative; display: table; width: 100%; height: 100%; padding: 30px; background-size: cover; background-position: top center; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide .tm-portfolio:after { content: ''; background-color: rgba(22, 22, 22, 0.5); position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; opacity: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide .tm-portfolio:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-image: url("../images/shadow-overlay2.png"); background-position: center bottom; opacity: 0.6; z-index: 1; background-repeat: no-repeat; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide .tm-portfolio .tm-portfolio-inner { position: relative; padding: 20px; display: table-cell; width: 100%; height: 100%; vertical-align: middle; z-index: 9; text-align: center; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide .tm-portfolio .tm-portfolio-inner .title, .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide .tm-portfolio .tm-portfolio-inner .categories { position: relative; opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform .4s, opacity .2s; transition: transform .4s, opacity .2s; will-change: transform, opacity; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide .tm-portfolio .tm-portfolio-inner .title-holder { overflow: hidden; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide .tm-portfolio .tm-portfolio-inner .title-holder .title { text-transform: uppercase; color: #fff; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide .tm-portfolio .tm-portfolio-inner .title-holder .title a:hover { color: #ccc; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide .tm-portfolio .tm-portfolio-inner .category-holder { overflow: hidden; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide .tm-portfolio .tm-portfolio-inner .category-holder .categories { font-size: 14px; list-style: none; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide .tm-portfolio .tm-portfolio-inner .category-holder .categories a { display: inline-block; padding-right: 5px; margin-right: 10px; position: relative; color: #bbb; font-weight: 500; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide .tm-portfolio .tm-portfolio-inner .category-holder .categories a:last-child { padding-right: 0; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide .tm-portfolio .tm-portfolio-inner .category-holder .categories a:last-child:after { content: ''; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide .tm-portfolio .tm-portfolio-inner .category-holder .categories a:after { content: ','; position: absolute; top: 0; right: 0; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide .tm-portfolio .tm-portfolio-inner .category-holder .categories a:hover { color: #fff; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide:hover .tm-portfolio:after { opacity: 1; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide:hover .tm-portfolio .tm-portfolio-inner .title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; } .tm-sc-portfolio.tm-sc-portfolio-full-height-slider .full-height-slider-wrapper .full-height-slider-inner .each-slide:hover .tm-portfolio .tm-portfolio-inner .categories { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery { background: #000; position: relative; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top { width: 100%; height: 100vh; margin-left: auto; margin-right: auto; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide { background-size: cover; background-position: center; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio { position: relative; display: table; width: 100%; height: 100%; padding-bottom: 140px; background-size: cover; background-position: top center; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio .tm-portfolio-inner { position: relative; padding: 20px; display: table-cell; width: 100%; height: 100%; vertical-align: bottom; z-index: 9; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio .tm-portfolio-inner .text-hoder { max-width: 600px; background: rgba(255, 255, 255, 0.95); padding: 21px; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio .tm-portfolio-inner .title, .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio .tm-portfolio-inner .categories { position: relative; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio .tm-portfolio-inner .description p { color: #fff; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio .tm-portfolio-inner .date { color: #ccc; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio .tm-portfolio-inner .title-holder { overflow: hidden; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio .tm-portfolio-inner .title-holder .title { text-transform: capitalize; margin-top: 0; margin-bottom: 0.5rem; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio .tm-portfolio-inner .title-holder .title a:hover { color: #ccc; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio .tm-portfolio-inner .category-holder { overflow: hidden; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio .tm-portfolio-inner .category-holder .categories { font-size: 14px; list-style: none; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio .tm-portfolio-inner .category-holder .categories a { display: inline-block; padding-right: 5px; margin-right: 10px; position: relative; color: #bbb; font-weight: 500; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio .tm-portfolio-inner .category-holder .categories a:last-child { padding-right: 0; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio .tm-portfolio-inner .category-holder .categories a:last-child:after { content: ''; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio .tm-portfolio-inner .category-holder .categories a:after { content: ','; position: absolute; top: 0; right: 0; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-top .swiper-wrapper .swiper-slide .tm-portfolio .tm-portfolio-inner .category-holder .categories a:hover { color: #fff; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-thumb { background: #000; width: 100%; height: 140px; margin-left: auto; margin-right: auto; position: absolute; bottom: 0; padding: 10px; } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-thumb .swiper-wrapper .swiper-slide { background-size: cover; background-position: center; width: 120px !important; height: 120px; opacity: 0.3; transition: all 0.5s ease; cursor: pointer; } @media (prefers-reduced-motion: reduce) { .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-thumb .swiper-wrapper .swiper-slide { transition: none; } } .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-thumb .swiper-wrapper .swiper-slide:hover, .tm-sc-portfolio.tm-sc-portfolio-swiper-gallery .swiper-container.swiper-gallery-thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active { opacity: 1; } /* * Shortcode: staff.scss * ----------------------------------------------- */ .widget.widget-staff { margin-bottom: 20px; } .widget.widget-staff .widget-title { margin-top: 0; } .widget.widget-staff.staff-contact-info .name { color: #333; margin-top: 0; } .widget.widget-staff.staff-contact-info .speciality { color: #666; font-size: 0.75rem; } .widget.widget-staff.staff-contact-info .dl-horizontal dt { color: #333; } .widget.widget-staff.staff-contact-info .dl-horizontal dt i { width: 20px; } .widget.widget-staff.staff-info .name { color: #333; margin-bottom: 0; } .widget.widget-staff.staff-info .speciality { color: #666; } .tm-sc-staff .tm-staff .staff-content, .tm-cpt-archive-staff .tm-staff .staff-content { padding-top: 15px; padding-bottom: 15px; } .tm-sc-staff .tm-staff .staff-content .styled-icons, .tm-cpt-archive-staff .tm-staff .staff-content .styled-icons { margin-bottom: 15px; } .tm-sc-staff .tm-staff .name, .tm-cpt-archive-staff .tm-staff .name { color: #333; margin-top: 0; } .tm-sc-staff .tm-staff .speciality, .tm-cpt-archive-staff .tm-staff .speciality { color: #aaa; font-size: 0.95rem; margin-bottom: 10px; } .tm-sc-staff .tm-staff .short-bio, .tm-cpt-archive-staff .tm-staff .short-bio { margin-bottom: 20px; } .tm-sc-staff .tm-staff .staff-working-hours, .tm-cpt-archive-staff .tm-staff .staff-working-hours { font-size: 14px; margin-bottom: 15px; } .tm-sc-staff .tm-staff .contact-info, .tm-cpt-archive-staff .tm-staff .contact-info { margin-bottom: 15px; } .tm-sc-staff .tm-staff .contact-info li, .tm-cpt-archive-staff .tm-staff .contact-info li { font-size: 0.875rem; list-style: none; margin-bottom: 5px; padding-bottom: 5px; font-weight: normal; } .tm-sc-staff .tm-staff .contact-info li a, .tm-cpt-archive-staff .tm-staff .contact-info li a { color: #666; font-weight: normal; } .tm-sc-staff .tm-staff .contact-info li i, .tm-cpt-archive-staff .tm-staff .contact-info li i { width: 20px; margin-right: 0; } .tm-sc-staff.staff-style2-classic .tm-staff, .tm-cpt-archive-staff.staff-style2-classic .tm-staff { box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); } .tm-sc-staff.staff-style2-classic .tm-staff .staff-content, .tm-cpt-archive-staff.staff-style2-classic .tm-staff .staff-content { padding: 30px; background-color: #fff; } .tm-sc-staff.staff-style2-classic .tm-staff .staff-content .name, .tm-cpt-archive-staff.staff-style2-classic .tm-staff .staff-content .name { margin-top: 0; } .tm-sc-staff.staff-style3-modern .tm-staff, .tm-cpt-archive-staff.staff-style3-modern .tm-staff { box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); } .tm-sc-staff.staff-style3-modern .tm-staff .staff-content, .tm-cpt-archive-staff.staff-style3-modern .tm-staff .staff-content { padding: 15px 30px 10px 30px; background-color: #fff; } .tm-sc-staff.staff-style3-modern .tm-staff .staff-content .name, .tm-cpt-archive-staff.staff-style3-modern .tm-staff .staff-content .name { margin-top: 0; } .tm-sc-staff.staff-style4-everything-centered .tm-staff, .tm-cpt-archive-staff.staff-style4-everything-centered .tm-staff { box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); padding: 30px; background-color: #fff; text-align: center; } .tm-sc-staff.staff-style4-everything-centered .tm-staff .staff-content .name, .tm-cpt-archive-staff.staff-style4-everything-centered .tm-staff .staff-content .name { margin-top: 0; } .tm-sc-staff.staff-style4-everything-centered .tm-staff .btn-view-details, .tm-sc-staff.staff-style4-everything-centered .tm-staff .btn-appointment, .tm-cpt-archive-staff.staff-style4-everything-centered .tm-staff .btn-view-details, .tm-cpt-archive-staff.staff-style4-everything-centered .tm-staff .btn-appointment { float: none; } .tm-sc-staff.staff-style6-horizontal .tm-staff, .tm-cpt-archive-staff.staff-style6-horizontal .tm-staff { background-color: #f5f5f5; } .tm-cpt-archive-staff .tm-staff .short-bio { margin-top: 10px; } .tm-cpt-archive-staff .tm-staff .btn { margin-top: 15px; } body.tm-dark-layout .tm-sc-staff .name { color: #aaa; } body.tm-dark-layout .tm-sc-staff.staff-style2-classic .staff-content { background-color: #151515; } /* * Shortcode: testimonials.scss * ----------------------------------------------- */ .tm-sc-testimonials { /* Style 1 - Simple */ /* Style 2 - Everything Center Aligned */ /* Style 3 - Classic */ /* Style 4 - Modern */ /* Style 5 - Boxed */ /* Style 6 - Boxed Flat */ /* quote-icon */ } .tm-sc-testimonials .tm-testimonial .testimonial-text-holder { margin-bottom: 15px; } .tm-sc-testimonials .tm-testimonial .testimonial-text-holder .testimonial-title { font-size: 20px; color: #000; font-family: "Open Sans", sans-serif; } .tm-sc-testimonials .tm-testimonial .testimonial-text-holder .author-text { color: #999; font-size: 1.2rem; font-style: italic; } .tm-sc-testimonials .tm-testimonial .testimonial-author-details { display: table; width: 100%; } .tm-sc-testimonials .tm-testimonial .testimonial-author-details .testimonial-image-holder { width: 90px; display: table-cell; vertical-align: middle; margin: 0; padding-right: 15px; } .tm-sc-testimonials .tm-testimonial .testimonial-author-details .testimonial-author-info-holder { display: table-cell; vertical-align: middle; } .tm-sc-testimonials .tm-testimonial .testimonial-author-details .testimonial-author-info-holder .name { color: #000; display: block; margin-top: 0; margin-bottom: 0; } .tm-sc-testimonials .tm-testimonial .testimonial-author-details .testimonial-author-info-holder .job-position, .tm-sc-testimonials .tm-testimonial .testimonial-author-details .testimonial-author-info-holder .company-url { color: #aaa; font-size: 0.9rem; font-weight: 500; } .tm-sc-testimonials .tm-testimonial .testimonial-author-details .testimonial-author-info-holder .job-position { font-family: "Open Sans", sans-serif; } .tm-sc-testimonials .tm-testimonial .testimonial-author-details .testimonial-author-info-holder .company-url { font-style: italic; } .tm-sc-testimonials .tm-testimonial .testimonial-author-details .testimonial-author-info-holder .author-info { overflow: hidden; } .tm-sc-testimonials .tm-testimonial .star-rating { float: none; margin: 10px 0 0; } .tm-sc-testimonials .owl-carousel .owl-dots { position: relative; } .tm-sc-testimonials .quote-icon { top: -20px; font-size: 48px; opacity: 0.15; line-height: 1; position: absolute; left: 0; right: 0; margin: 0 auto; } .tm-sc-testimonials.testimonial-style1-simple .author-text { background: #f2f2f2; border-radius: 5px; border: 0; margin: 0; padding: 40px 64px 40px 72px; position: relative; margin-bottom: 30px; } .tm-sc-testimonials.testimonial-style1-simple .author-text:before { left: 22px; top: 21px; color: #777; content: "“"; font-size: 85px; font-style: normal; line-height: 1; position: absolute; } .tm-sc-testimonials.testimonial-style1-simple .author-text:after { position: absolute; content: ''; width: 0; height: 0; bottom: -12px; transform: rotate(-45deg); left: 6%; border-bottom: 25px solid #eee; border-right: 25px solid transparent; transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .tm-sc-testimonials.testimonial-style1-simple .author-text:after { transition: none; } } .tm-sc-testimonials.testimonial-style1-simple .testimonial-content { transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .tm-sc-testimonials.testimonial-style1-simple .testimonial-content { transition: none; } } @media (min-width: 992px) { .tm-sc-testimonials.testimonial-style1-simple .testimonial-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .tm-sc-testimonials.testimonial-style1-simple .testimonial-content .testimonial-image-holder { vertical-align: middle; border-style: none; width: 90px; padding-bottom: 20px; margin-right: 10px; } @media (min-width: 992px) { .tm-sc-testimonials.testimonial-style1-simple .testimonial-content .testimonial-image-holder { float: left; } } .tm-sc-testimonials.testimonial-style1-simple .testimonial-content .testimonial-image-holder .author-thumb img { box-shadow: 0px 0px 30px rgba(5, 5, 5, 0.1); } .tm-sc-testimonials.testimonial-style1-simple .testimonial-content .author-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 10px; } .tm-sc-testimonials.testimonial-style1-simple .testimonial-content .author-info .name { padding-top: 0; margin-bottom: 0; } .tm-sc-testimonials.testimonial-style1-simple .testimonial-content .author-info .job-position, .tm-sc-testimonials.testimonial-style1-simple .testimonial-content .author-info .company-url { color: #aaa; font-size: 0.85rem; font-weight: 400; } .tm-sc-testimonials.testimonial-style2-centered-aligned .tm-testimonial { text-align: center; } .tm-sc-testimonials.testimonial-style2-centered-aligned .tm-testimonial .testimonial-text-holder .testimonial-title { font-size: 22px; } .tm-sc-testimonials.testimonial-style2-centered-aligned .tm-testimonial .testimonial-text-holder .author-text { font-size: 24px; color: #737373; font-style: normal; } .tm-sc-testimonials.testimonial-style2-centered-aligned .tm-testimonial .testimonial-author-details { display: block; } .tm-sc-testimonials.testimonial-style2-centered-aligned .tm-testimonial .testimonial-author-details .testimonial-image-holder { display: block; margin: 30px auto 10px; padding: 0; } .tm-sc-testimonials.testimonial-style2-centered-aligned .tm-testimonial .testimonial-author-details .testimonial-author-info-holder { display: block; } .tm-sc-testimonials.testimonial-style2-centered-aligned .tm-testimonial .star-rating { margin: 20px auto 0; } .tm-sc-testimonials.testimonial-style3-classic .tm-testimonial .testimonial-inner { display: table; } .tm-sc-testimonials.testimonial-style3-classic .tm-testimonial .testimonial-inner .testimonial-image-holder { display: table-cell; vertical-align: top; text-align: center; } .tm-sc-testimonials.testimonial-style3-classic .tm-testimonial .testimonial-inner .testimonial-image-holder .author-thumb { margin-right: 20px; width: 90px; } .tm-sc-testimonials.testimonial-style3-classic .tm-testimonial .testimonial-inner .testimonial-author-details { display: table-cell; vertical-align: top; width: 100%; } .tm-sc-testimonials.testimonial-style4-modern .tm-testimonial .testimonial-text-holder { background-color: rgba(255, 255, 255, 0.7); border: 1px solid rgba(55, 55, 55, 0.1); border-radius: 10px; padding: 30px; } .tm-sc-testimonials.testimonial-style4-modern .tm-testimonial .testimonial-text-holder .author-text { color: #777; font-size: 15px; } .tm-sc-testimonials.testimonial-style4-modern .tm-testimonial .testimonial-author-details .testimonial-author-info-holder .name { margin-top: 0; margin-bottom: 0; } .tm-sc-testimonials.testimonial-style5-boxed .tm-testimonial .testimonial-author-details { padding: 30px; background-color: #fff; border-radius: 12px; } .tm-sc-testimonials.testimonial-style5-boxed .tm-testimonial .testimonial-author-details .testimonial-title { margin-top: 0; } .tm-sc-testimonials.testimonial-style5-boxed .tm-testimonial .testimonial-author-details .testimonial-text-holder { margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px solid #eee; } .tm-sc-testimonials.testimonial-style5-boxed .tm-testimonial .testimonial-author-details .testimonial-text-holder .author-text { font-size: 15px; font-style: normal; } .tm-sc-testimonials.testimonial-style6-boxed-flat .tm-testimonial .testimonial-author-details .testimonial-text-holder { margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px solid #eee; } .tm-sc-testimonials.testimonial-style6-boxed-flat .tm-testimonial .testimonial-author-details .testimonial-text-holder .testimonial-title { margin-bottom: 0; } .tm-sc-testimonials.testimonial-style6-boxed-flat .tm-testimonial .testimonial-author-details .testimonial-text-holder .author-text { margin-top: 10px; font-size: 16px; } .tm-sc-testimonials.tm-sc-testimonials-thumb-carousel { text-align: center; } .tm-sc-testimonials.tm-sc-testimonials-thumb-carousel .tm-testimonial .author-text:before { left: 0; right: 0; } .tm-sc-testimonials.tm-sc-testimonials-thumb-carousel .tm-testimonial .star-rating { margin-left: auto; margin-right: auto; } .tm-sc-testimonials.tm-sc-testimonials-thumb-carousel .tm-owl-thumbs .tm-owl-thumb-item { width: 90px; margin-left: 7px; margin-right: 7px; margin-top: 20px; opacity: 0.5; display: inline-block; cursor: pointer; } .tm-sc-testimonials.tm-sc-testimonials-thumb-carousel .tm-owl-thumbs .tm-owl-thumb-item.active { opacity: 1; } .tm-sc-testimonials.testimonial-has-quote-icon .tm-testimonial .author-text { position: relative; } .tm-sc-testimonials.testimonial-has-quote-icon .tm-testimonial .author-text:before { top: 0; content: "\f10e"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 48px; opacity: 0.15; line-height: 1; position: absolute; left: 0; } .tm-sc-testimonials.testimonial-has-quote-icon.testimonial-style2-centered-aligned .tm-testimonial .author-text:before { top: 0; left: 0; right: 0; } .section-typo-light .tm-sc-testimonials .tm-testimonial .testimonial-title, .section-typo-light .tm-sc-testimonials .tm-testimonial .author-text, .section-typo-light .tm-sc-testimonials .tm-testimonial .name { color: #fff !important; } .section-typo-light .tm-sc-testimonials .tm-testimonial .job-position { color: #aaa !important; } .section-typo-light .tm-sc-testimonials .tm-testimonial .company-url { color: #808080 !important; } body.tm-dark-layout .tm-sc-testimonials.testimonial-style7-current-theme .testimonial-author-details { background-color: #151515; } .slick-slider-thumbs { margin-top: 30px; } .slick-slider-thumbs .slick-slide { transition: all 0.3s ease; opacity: 0.3; margin-left: 5px; margin-right: 5px; min-width: 80px; } @media (prefers-reduced-motion: reduce) { .slick-slider-thumbs .slick-slide { transition: none; } } .slick-slider-thumbs .slick-slide.slick-current { opacity: 1; } .slick-slider-thumbs .slick-track { display: flex; align-items: center; justify-content: center; } /* * Shortcode: campaign-shortcode.scss * ----------------------------------------------- */ .tm-sc-causes-campaign .each-campaign { margin-bottom: 15px; padding-bottom: 15px; } .tm-sc-causes-campaign .each-campaign:last-child { margin-bottom: 0; padding-bottom: 0; } .tm-sc-causes-campaign .each-campaign .campaign-inner { background: #fff; } .tm-sc-causes-campaign .each-campaign .campaign-inner .campaign-content { padding: 30px; } .tm-sc-causes-campaign .each-campaign .campaign-inner .campaign-title { margin-top: 0; } .tm-sc-causes-campaign .each-campaign .campaign-inner .campaign-meta { font-size: 14px; color: #888; margin-bottom: 10px; } .tm-sc-causes-campaign .each-campaign .campaign-inner .campaign-meta .each-meta { display: inline-block; margin-right: 10px; } .tm-sc-causes-campaign .each-campaign .campaign-inner .campaign-meta .each-meta a { color: #888; } .tm-sc-causes-campaign .each-campaign .campaign-inner .campaign-meta .each-meta i { margin-right: 3px; } .tm-sc-causes-campaign .each-campaign .campaign-inner .btn { margin-top: 15px; margin-right: 5px; margin-bottom: 5px; } .tm-sc-causes-campaign .each-campaign .campaign-donation-stats { margin-top: 10px; } .tm-sc-causes-campaign .each-campaign .campaign-donation-stats .donation-raised, .tm-sc-causes-campaign .each-campaign .campaign-donation-stats .donation-goal { text-align: center; padding: 10px 0; display: table-cell; vertical-align: middle; width: 49%; } .tm-sc-causes-campaign .each-campaign .campaign-donation-stats .donation-raised .amount, .tm-sc-causes-campaign .each-campaign .campaign-donation-stats .donation-goal .amount { font-weight: bold; } .tm-sc-causes-campaign .each-campaign .campaign-donation-stats .donation-raised { text-align: center; border-right: 1px solid #eee; } .tm-sc-causes-campaign .each-campaign .campaign-donation-stats .donation-goal { text-align: center; } .tm-sc-causes-campaign.tm-sc-causes-campaign-masonry .each-campaign { margin-bottom: 10px; padding-bottom: 10px; } .tm-sc-causes-campaign.tm-sc-causes-campaign-horizontal .each-campaign .campaign-content { padding-left: 0; } /* * Shortcode: multi-scroll-slider.scss * ----------------------------------------------- */ /* Menu Style */ #multi-scrolling-menu { position: fixed; top: 0; left: 0; height: 40px; z-index: 70; width: 100%; padding: 0; margin: 0; } #multi-scrolling-menu li { display: inline-block; margin: 10px; color: #000; background: #fff; background: rgba(240, 240, 240, 0.5); padding: 0; -webkit-border-radius: 10px; border-radius: 25px; } @media (max-width: 767.98px) { #multi-scrolling-menu li { margin: 4px; } } #multi-scrolling-menu li a { text-decoration: none; color: #000; transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { #multi-scrolling-menu li a { transition: none; } } @media (max-width: 767.98px) { #multi-scrolling-menu li a { font-size: 13px; } } #multi-scrolling-menu li:hover, #multi-scrolling-menu li.active { background: #666; background: rgba(0, 0, 0, 0.5); } #multi-scrolling-menu li:hover a, #multi-scrolling-menu li.active a { color: #fff; } #multi-scrolling-menu li a, #multi-scrolling-menu li.active a { padding: 9px 25px; display: block; } @media (max-width: 767.98px) { #multi-scrolling-menu li a, #multi-scrolling-menu li.active a { padding: 9px 15px; } } #multi-scrolling-menu li.active a { color: #fff; } #multiscroll-nav li span { width: 12px; height: 12px; border: 1px solid rgba(216, 216, 216, 0.55) !important; background: rgba(216, 216, 216, 0.55) !important; } #multiscroll-nav li .active span { background: rgba(150, 150, 150, 0.55) !important; border-color: rgba(150, 150, 150, 0.35) !important; } .tm-divided-multi-scrolling-slider .ms-section { background-size: cover; background-position: center; } /* * Shortcode: multi-scroll-slider.scss * ----------------------------------------------- */ /* Menu Style */ #tm-full-page-menu { position: fixed; top: 0; left: 0; height: 40px; z-index: 70; width: 100%; padding: 0; margin: 0; } #tm-full-page-menu li { display: inline-block; margin: 10px; color: #000; background: #fff; background: rgba(255, 255, 255, 0.5); padding: 0; -webkit-border-radius: 10px; border-radius: 25px; } @media (max-width: 767.98px) { #tm-full-page-menu li { margin: 4px; } } #tm-full-page-menu li a { text-decoration: none; color: #000; transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { #tm-full-page-menu li a { transition: none; } } @media (max-width: 767.98px) { #tm-full-page-menu li a { font-size: 13px; } } #tm-full-page-menu li:hover, #tm-full-page-menu li.active { background: #666; background: rgba(0, 0, 0, 0.5); } #tm-full-page-menu li:hover a, #tm-full-page-menu li.active a { color: #fff; } #tm-full-page-menu li a, #tm-full-page-menu li.active a { padding: 9px 25px; display: block; } @media (max-width: 767.98px) { #tm-full-page-menu li a, #tm-full-page-menu li.active a { padding: 9px 15px; } } #tm-full-page-menu li.active a { color: #fff; } #fp-nav li span { background: rgba(216, 216, 216, 0.65) !important; } #fp-nav li .active span { background: rgba(150, 150, 150, 0.55) !important; border-color: rgba(150, 150, 150, 0.35) !important; } .tm-full-page-slider .fp-slidesNav.fp-bottom { text-align: center; } .tm-full-page-slider .fp-section .fp-slide { background-size: cover; } /* * Shortcode: multi-scroll-slider.scss * ----------------------------------------------- */ /* Menu Style */ #tm-page-piling-menu { position: fixed; top: 0; left: 0; height: 40px; z-index: 70; width: 100%; padding: 0; margin: 0; } #tm-page-piling-menu li { display: inline-block; margin: 10px; color: #000; background: #fff; background: rgba(255, 255, 255, 0.5); padding: 0; -webkit-border-radius: 10px; border-radius: 25px; } @media (max-width: 767.98px) { #tm-page-piling-menu li { margin: 4px; } } #tm-page-piling-menu li a { text-decoration: none; color: #000; transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { #tm-page-piling-menu li a { transition: none; } } @media (max-width: 767.98px) { #tm-page-piling-menu li a { font-size: 13px; } } #tm-page-piling-menu li:hover, #tm-page-piling-menu li.active { background: #666; background: rgba(0, 0, 0, 0.5); } #tm-page-piling-menu li:hover a, #tm-page-piling-menu li.active a { color: #fff; } #tm-page-piling-menu li a, #tm-page-piling-menu li.active a { padding: 9px 25px; display: block; } @media (max-width: 767.98px) { #tm-page-piling-menu li a, #tm-page-piling-menu li.active a { padding: 9px 15px; } } #tm-page-piling-menu li.active a { color: #fff; } #pp-nav li span { width: 12px; height: 12px; border: 1px solid rgba(216, 216, 216, 0.55) !important; background: rgba(216, 216, 216, 0.55) !important; } #pp-nav li .active span { background: rgba(150, 150, 150, 0.55) !important; border-color: rgba(150, 150, 150, 0.35) !important; } .tm-page-piling-slider { position: relative; } /* * footer loader.scss * ----------------------------------------------- */ /* * footer.scss * ----------------------------------------------- */ footer#footer { background-color: #1a1a1a; color: #bbb; } footer#footer a:not(.social-link):not(.icon) { color: #bbb; font-weight: 500; } footer#footer a:not(.social-link):not(.icon):focus, footer#footer a:not(.social-link):not(.icon):hover, footer#footer a:not(.social-link):not(.icon):active { color: #eeeeee; } footer#footer .footer-widget-area .footer-widget-area-column-separator { border-left: 1px solid rgba(255, 255, 255, 0.1); padding: 0 30px; } footer#footer .footer-widget-area .footer-widget-area-column-separator:first-child { border: none !important; } footer#footer .footer-widget-area .widget { margin-bottom: 45px; } footer#footer .footer-widget-area .widget .widget-title { color: #fff; margin-bottom: 35px; } footer#footer .footer-widget-area .widget .widget-title.widget-title-line-bottom:after, footer#footer .footer-widget-area .widget .widget-title.widget-title-line-bottom:before { background: #666; } footer#footer .footer-widget-area .widget .widget-title.widget-title-line-bottom:before { background: rgba(65, 65, 65, 0.3); } /* fixed footer */ footer#footer.fixed-footer { bottom: 0; left: 0; position: fixed; right: 0; z-index: 1; } @media (max-width: 1199.98px) { footer#footer.fixed-footer { position: relative; } } body.has-fixed-footer .main-content-area { background-color: #fff; position: relative; z-index: 2; } body.has-fixed-footer.tm-boxed-layout .fixed-footer { overflow: hidden; margin: 0 auto; max-width: 1170px; } /* Footer Inverted*/ footer#footer.footer-inverted { background-color: #f9f9f9; border-top: 1px solid #eee; color: #666; } footer#footer.footer-inverted a { color: #222; } footer#footer.footer-inverted a:focus, footer#footer.footer-inverted a:hover, footer#footer.footer-inverted a:active { color: black; } footer#footer.footer-inverted .footer-widget-area .footer-widget-area-column-separator { border-left-color: rgba(65, 65, 65, 0.1); } footer#footer.footer-inverted .footer-widget-area .widget .widget-title.widget-title-line-bottom:before { background: rgba(65, 65, 65, 0.1); } footer#footer.footer-inverted .footer-widget-area .widget .widget-title, footer#footer.footer-inverted .footer-widget-area .widget .post .post-title a { color: #222; } footer#footer.footer-inverted .footer-bottom { background-color: #eee; color: #666; } footer#footer.footer-inverted .styled-icons.icon-dark:not(.icon-bordered) a { color: #fff; } /* * footer footer-nav.scss * ----------------------------------------------- */ .widget_nav_menu.split-nav-menu ul li { margin-bottom: 4px !important; width: 50%; float: left; padding-right: 3px; } /* * footer-widgets.scss * ----------------------------------------------- */ footer#footer .footer-widget-area .widget .widget-title { margin-bottom: 30px; font-size: 1.4rem; } footer#footer .footer-widget-area .widget .widget-title.widget-title-line-bottom { padding-bottom: 25px; } footer#footer .widget.widget_rss ul li .rss-date { color: #bbb; font-style: italic; font-size: 0.9rem; } footer#footer .widget.widget_rss ul li .rssSummary { color: #999; } footer#footer .widget.widget_rss ul li cite { color: #bbb; } footer#footer .widget.widget_recent_comments ul > li { color: #aaa; } footer#footer .widget.widget_recent_comments ul > li a { color: #777; font-style: italic; } footer#footer .widget.widget_recent_comments ul > li .comment-author-link, footer#footer .widget.widget_recent_comments ul > li .comment-author-link a { color: #bbb; font-style: normal; } footer#footer.footer-black .widget.widget_archive ul > li, footer#footer.footer-black .widget.widget_categories ul > li, footer#footer.footer-black .widget.widget_links ul > li, footer#footer.footer-black .widget.widget_meta ul > li, footer#footer.footer-black .widget.widget_nav_menu ul > li, footer#footer.footer-black .widget.widget_pages ul > li, footer#footer.footer-black .widget.widget_recent_comments ul > li, footer#footer.footer-black .widget.widget_recent_entries ul > li { border-top-color: rgba(51, 51, 51, 0.4); } footer#footer.footer-black .widget.widget_rss ul li .rss-date { color: #888888; } footer#footer.footer-black .widget.widget_rss ul li cite { color: #d5d5d5; } footer#footer.footer-black .widget.widget_tag_cloud .tagcloud > a { background-color: rgba(0, 0, 0, 0.25); color: #ccc; } footer#footer.footer-inverted .widget.widget_archive ul > li, footer#footer.footer-inverted .widget.widget_categories ul > li, footer#footer.footer-inverted .widget.widget_links ul > li, footer#footer.footer-inverted .widget.widget_meta ul > li, footer#footer.footer-inverted .widget.widget_nav_menu ul > li, footer#footer.footer-inverted .widget.widget_pages ul > li, footer#footer.footer-inverted .widget.widget_recent_comments ul > li, footer#footer.footer-inverted .widget.widget_recent_entries ul > li { border-top-color: rgba(55, 55, 55, 0.1); } /* * Shortcode: clients.scss * ----------------------------------------------- */ /* * Shortcode: gallery.scss * ----------------------------------------------- */ .tm-sc-gallery.gallery-style1-current-theme .tm-gallery { position: relative; overflow: hidden; } .tm-sc-gallery.gallery-style1-current-theme .tm-gallery .thumb { overflow: hidden; position: relative; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; } .tm-sc-gallery.gallery-style1-current-theme .tm-gallery .tm-gallery-content-wrapper { box-sizing: border-box; padding: 20px; position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .tm-sc-gallery.gallery-style1-current-theme .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content { display: table; height: 100%; width: 100%; overflow: hidden; } .tm-sc-gallery.gallery-style1-current-theme .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content:after { content: ''; background-color: rgba(24, 19, 60, 0.75); position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; opacity: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; } .tm-sc-gallery.gallery-style1-current-theme .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner { display: table-cell; padding: 20px; height: 100%; width: 100%; position: relative; vertical-align: middle; text-align: center; z-index: 9; } .tm-sc-gallery.gallery-style1-current-theme .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner .title-holder { overflow: hidden; } .tm-sc-gallery.gallery-style1-current-theme .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner .title-holder .title { text-transform: uppercase; color: #fff; } .tm-sc-gallery.gallery-style1-current-theme .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner .title-holder .title a:hover { color: #ccc; } .tm-sc-gallery.gallery-style1-current-theme .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner .title, .tm-sc-gallery.gallery-style1-current-theme .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner .styled-icons { position: relative; opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: -webkit-transform .4s, opacity .2s; transition: transform .4s, opacity .2s; will-change: transform, opacity; } .tm-sc-gallery.gallery-style1-current-theme .tm-gallery .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner .icons-holder-inner { overflow: hidden; } .tm-sc-gallery.gallery-style1-current-theme .tm-gallery:hover .thumb { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .tm-sc-gallery.gallery-style1-current-theme .tm-gallery:hover .tm-gallery-content-wrapper .tm-gallery-content:after { opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; } .tm-sc-gallery.gallery-style1-current-theme .tm-gallery:hover .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner .title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; } .tm-sc-gallery.gallery-style1-current-theme .tm-gallery:hover .tm-gallery-content-wrapper .tm-gallery-content .tm-gallery-content-inner .styled-icons { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; } /* * Shortcode: projects.scss * ----------------------------------------------- */ .tm-sc-projects.projects-style8-current-theme .tm-project { overflow: visible; padding-top: 0; } .tm-sc-projects.projects-style8-current-theme .tm-project .thumb { overflow: hidden; position: relative; } .tm-sc-projects.projects-style8-current-theme .tm-project .thumb img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: all 0.4s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-sc-projects.projects-style8-current-theme .tm-project .thumb img { transition: none; } } .tm-sc-projects.projects-style8-current-theme .tm-project .thumb .link { color: #fff; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .45s; transition: all .45s; -moz-transition: all .45s; -ms-transition: all .45s; width: 42px; height: 42px; line-height: 42px; border-radius: 50%; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; -webkit-transform: translateY(-16px); -ms-transform: translateY(-16px); transform: translateY(-16px); z-index: 99; text-align: center; margin-top: -45px; } .tm-sc-projects.projects-style8-current-theme .tm-project:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .tm-sc-projects.projects-style8-current-theme .tm-project:before { background-image: url("../images/shadow-overlay2.png"); background-position: center bottom; z-index: 1; opacity: 0.6; background-repeat: no-repeat; } .tm-sc-projects.projects-style8-current-theme .tm-project .details { background-color: rgba(0, 0, 0, 0.7); position: absolute; z-index: 3; bottom: 0; left: 0; width: 100%; padding: 30px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); transition: all 0.4s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-sc-projects.projects-style8-current-theme .tm-project .details { transition: none; } } .tm-sc-projects.projects-style8-current-theme .tm-project .details .title, .tm-sc-projects.projects-style8-current-theme .tm-project .details a { color: #fff; } .tm-sc-projects.projects-style8-current-theme .tm-project .details .title:hover, .tm-sc-projects.projects-style8-current-theme .tm-project .details a:hover { color: #eee; } .tm-sc-projects.projects-style8-current-theme .tm-project .details .excerpt { color: #ddd; } .tm-sc-projects.projects-style8-current-theme .tm-project .details .btn-view-details { transition: all 0.4s ease-in-out; opacity: 0; } @media (prefers-reduced-motion: reduce) { .tm-sc-projects.projects-style8-current-theme .tm-project .details .btn-view-details { transition: none; } } .tm-sc-projects.projects-style8-current-theme .tm-project:hover .thumb img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .tm-sc-projects.projects-style8-current-theme .tm-project:hover .thumb:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); opacity: 1; } .tm-sc-projects.projects-style8-current-theme .tm-project:hover .thumb .link { opacity: 1; filter: alpha(opacity=100); margin-top: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .tm-sc-projects.projects-style8-current-theme .tm-project:hover .details { border-color: #df6512; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } .tm-sc-projects.projects-style8-current-theme .tm-project:hover .details .btn-view-details { opacity: 1; } .tm-sc-projects.projects-style8-current-theme .owl-carousel .owl-nav { text-align: center; margin-top: 30px; } .tm-sc-projects.projects-style8-current-theme .owl-carousel .owl-nav > button { position: relative; display: inline-block; left: auto; right: auto; margin: 10px; } /* * Shortcode: services.scss * ----------------------------------------------- */ .tm-sc-services.services-style-current-theme .tm-service { overflow: visible; } .tm-sc-services.services-style-current-theme .tm-service .thumb { overflow: hidden; position: relative; } .tm-sc-services.services-style-current-theme .tm-service .thumb img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: all 0.4s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-sc-services.services-style-current-theme .tm-service .thumb img { transition: none; } } .tm-sc-services.services-style-current-theme .tm-service .thumb:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); transition: all 0.3s linear; overflow: hidden; -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); opacity: 0.5; } @media (prefers-reduced-motion: reduce) { .tm-sc-services.services-style-current-theme .tm-service .thumb:after { transition: none; } } .tm-sc-services.services-style-current-theme .tm-service .details { padding: 30px 30px; position: relative; transition: all 0.4s ease-in-out; border-bottom: 3px solid #001e57; background-color: #fff; box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); } @media (prefers-reduced-motion: reduce) { .tm-sc-services.services-style-current-theme .tm-service .details { transition: none; } } .tm-sc-services.services-style-current-theme .tm-service .details .title { margin-top: 0; } .tm-sc-services.services-style-current-theme .tm-service .details .excerpt { margin-bottom: 30px; } .tm-sc-services.services-style-current-theme .tm-service .details .cat-list { margin-bottom: 15px; } .tm-sc-services.services-style-current-theme .tm-service .details .cat-list li a { color: #999 !important; } .tm-sc-services.services-style-current-theme .tm-service .details .symbol-icon { position: absolute; left: 30px; top: -40px; background: #3c3434; width: 64px; padding: 15px; border-radius: 3px; transition: all 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-sc-services.services-style-current-theme .tm-service .details .symbol-icon { transition: none; } } .tm-sc-services.services-style-current-theme .tm-service:hover .thumb img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .tm-sc-services.services-style-current-theme .tm-service:hover .thumb:after { -webkit-transform: scaleY(0); -khtml-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); opacity: 1; } .tm-sc-services.services-style-current-theme .tm-service:hover .details { border-color: #df6512; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .tm-sc-services.services-style-current-theme2 .tm-service { box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); margin-bottom: 30px; transition: all 0.3s ease-in-out; } .tm-sc-services.services-style-current-theme2 .tm-service .thumb { position: relative; } .tm-sc-services.services-style-current-theme2 .tm-service .thumb img { width: 100%; transition: all 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-sc-services.services-style-current-theme2 .tm-service .thumb img { transition: none; } } .tm-sc-services.services-style-current-theme2 .tm-service .thumb .icon { border: 3px solid #eeeeee; border-radius: 12px; bottom: -27px; box-shadow: 0px 3px 20px rgba(5, 5, 5, 0.1); color: #fff; font-size: 26px; height: 60px; left: 30px; line-height: 55px; position: absolute; text-align: center; width: 60px; } .tm-sc-services.services-style-current-theme2 .tm-service .content { padding: 40px 30px 30px; } @media (prefers-reduced-motion: reduce) { .tm-sc-services.services-style-current-theme2 .tm-service { transition: none; } } .tm-sc-services.services-style-current-theme2 .tm-service:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); } .tm-sc-services.services-style-current-theme2 .tm-service:hover .thumb img { transform: translateY(-4px); } .tm-sc-services.services-style-current-theme3 .tm-service { box-shadow: none; } .tm-sc-services.services-style-current-theme3 .tm-service .thumb { position: relative; } .tm-sc-services.services-style-current-theme3 .tm-service .thumb img { width: 100%; transition: all 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-sc-services.services-style-current-theme3 .tm-service .thumb img { transition: none; } } .tm-sc-services.services-style-current-theme3 .tm-service .content { background-color: #fff; margin: -55px 20px 0; position: relative; padding: 25px 30px 23px; border-bottom: 3px solid rgba(238, 238, 238, 0.35); } .tm-sc-services.services-style-current-theme3 .tm-service:hover .thumb img { transform: translateY(-4px); } .tm-sc-services.services-style-current-theme4 .tm-service { box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); margin-bottom: 30px; transition: all 0.3s ease-in-out; } .tm-sc-services.services-style-current-theme4 .tm-service .thumb { position: relative; } .tm-sc-services.services-style-current-theme4 .tm-service .thumb img { width: 100%; transition: all 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-sc-services.services-style-current-theme4 .tm-service .thumb img { transition: none; } } .tm-sc-services.services-style-current-theme4 .tm-service .thumb .icon { border: 3px solid #eeeeee; border-radius: 12px; bottom: auto; box-shadow: 0px 3px 20px rgba(5, 5, 5, 0.1); color: #fff; font-size: 26px; height: 60px; left: auto; line-height: 55px; position: absolute; right: -27px; text-align: center; transform: translateY(-50%); top: 50%; width: 60px; } .tm-sc-services.services-style-current-theme4 .tm-service .content { padding: 22px 40px 26px 45px; } .tm-sc-services.services-style-current-theme4 .tm-service .content p { margin-bottom: 20px; } @media (prefers-reduced-motion: reduce) { .tm-sc-services.services-style-current-theme4 .tm-service { transition: none; } } .tm-sc-services.services-style-current-theme4 .tm-service:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); } .tm-sc-services.services-style-current-theme5 .tm-service { border: 15px solid #eae7e7; box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); margin-bottom: 30px; text-align: center; transition: all 0.3s ease-in-out; } .tm-sc-services.services-style-current-theme5 .tm-service .thumb { border-bottom: 15px solid #eae7e7; position: relative; overflow: hidden; } .tm-sc-services.services-style-current-theme5 .tm-service .thumb img { width: 100%; transition: all 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-sc-services.services-style-current-theme5 .tm-service .thumb img { transition: none; } } .tm-sc-services.services-style-current-theme5 .tm-service .thumb .icon { border: 3px solid #eeeeee; border-radius: 12px; box-shadow: 0px 3px 20px rgba(5, 5, 5, 0.1); color: #fff; font-size: 26px; height: 60px; left: 50%; line-height: 55px; opacity: 0.85; position: absolute; text-align: center; transform: translate(-50%, -50%); top: 50%; width: 60px; } .tm-sc-services.services-style-current-theme5 .tm-service .content { padding: 40px 40px 30px; } .tm-sc-services.services-style-current-theme5 .tm-service .content p { font-weight: 500; line-height: 2; } @media (prefers-reduced-motion: reduce) { .tm-sc-services.services-style-current-theme5 .tm-service { transition: none; } } .tm-sc-services.services-style-current-theme5 .tm-service:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); } .tm-sc-services.services-style-current-theme5 .tm-service:hover .thumb img { transform: scale(1.15); } .tm-sc-services.services-style-current-theme5 .tm-service:hover .thumb .icon { opacity: 1; } .tm-sc-services .service-list { background: #fff; border: 2px solid #eee; box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.15); } .tm-sc-services .service-list .bottom li { border-bottom: 2px solid #f5f5f5; list-style-type: none; padding: 20px; padding-bottom: 20px; padding-top: 20px; } .tm-sc-services .service-list .bottom li p { margin-bottom: 22px; } .tm-sc-services .service-list .bottom li .title { margin-top: 0; } .tm-sc-services .service-list .bottom li:hover { background-image: url("../images/about/s1.jpg"); z-index: 2; } .tm-sc-services .service-list .bottom li:hover .title, .tm-sc-services .service-list .bottom li:hover span, .tm-sc-services .service-list .bottom li:hover p { color: #fff; } .tm-sc-services .service-list .bottom li:hover a { color: #fff !important; } .tm-sc-services .service-list .bottom li:last-child { border-bottom: none; padding-top: 15px; } .tm-sc-services .service-list .bottom li:last-child:hover { background-image: none; z-index: 2; } .tm-features-style-top { box-shadow: 0 -12px 8px 2px rgba(0, 0, 0, 0.03); } .about-info-image-text-layer { position: relative; } .about-info-image-text-layer .layer-content { bottom: -40px; left: 0; position: absolute; } .about-info-image-text-layer .layer-content h2 { color: #fff; } .about-info-image-text-layer .layer-content h4 { color: #fff; } /* * Shortcode: staff.scss * ----------------------------------------------- */ .tm-sc-staff.staff-style5-current-theme .tm-staff, .tm-cpt-archive-staff.staff-style5-current-theme .tm-staff { box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); position: relative; } .tm-sc-staff.staff-style5-current-theme .tm-staff .staff-header, .tm-cpt-archive-staff.staff-style5-current-theme .tm-staff .staff-header { overflow: hidden; } .tm-sc-staff.staff-style5-current-theme .tm-staff .staff-header .thumb, .tm-cpt-archive-staff.staff-style5-current-theme .tm-staff .staff-header .thumb { transition: all 0.3s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } @media (prefers-reduced-motion: reduce) { .tm-sc-staff.staff-style5-current-theme .tm-staff .staff-header .thumb, .tm-cpt-archive-staff.staff-style5-current-theme .tm-staff .staff-header .thumb { transition: none; } } .tm-sc-staff.staff-style5-current-theme .tm-staff .staff-content, .tm-cpt-archive-staff.staff-style5-current-theme .tm-staff .staff-content { padding: 30px; background-color: #fff; } .tm-sc-staff.staff-style5-current-theme .tm-staff .staff-content .speciality, .tm-cpt-archive-staff.staff-style5-current-theme .tm-staff .staff-content .speciality { margin-bottom: 20px; } .tm-sc-staff.staff-style5-current-theme .tm-staff .staff-content .name, .tm-cpt-archive-staff.staff-style5-current-theme .tm-staff .staff-content .name { color: #333; margin-top: 0; margin-bottom: 3px; } .tm-sc-staff.staff-style5-current-theme .tm-staff .staff-content .styled-icons a, .tm-cpt-archive-staff.staff-style5-current-theme .tm-staff .staff-content .styled-icons a { background: #f4f6fb; display: inline-block; font-size: 18px; height: 45px; line-height: 42px; width: 45px; transition: all 0.2s ease; border-radius: 50%; color: #31333e; } .tm-sc-staff.staff-style5-current-theme .tm-staff .staff-content .styled-icons a:hover, .tm-cpt-archive-staff.staff-style5-current-theme .tm-staff .staff-content .styled-icons a:hover { background: #FFA21D; color: #fff; } .tm-sc-staff.staff-style5-current-theme .tm-staff .btn-view-details .btn-plain-text-with-arrow, .tm-cpt-archive-staff.staff-style5-current-theme .tm-staff .btn-view-details .btn-plain-text-with-arrow { color: #F89D35; font-size: 14px; text-transform: capitalize; font-weight: 600; } .tm-sc-staff.staff-style5-current-theme .tm-staff:hover .staff-header .thumb, .tm-cpt-archive-staff.staff-style5-current-theme .tm-staff:hover .staff-header .thumb { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .staff-item { background: #F5F5F5; } .staff-item .staff-content { display: inline-block; padding: 20px; border-bottom: 2px solid; } .team-member.team-current-style3 .team-thumb { overflow: hidden; } .team-member.team-current-style3 .team-thumb img { -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } .team-member.team-current-style3 .team-details { background: #f7f8fa none repeat scroll 0 0; border: 1px solid #eee; -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } .team-member.team-current-style3:hover .team-thumb img { transform: scale3d(1.1, 1.08, 1.1); } .team-member.team-current-style3:hover .team-details h4, .team-member.team-current-style3:hover .team-details p, .team-member.team-current-style3:hover .team-details a { color: #fff; } /* * Shortcode: testimonials.scss * ----------------------------------------------- */ .tm-sc-testimonials { /* Style 7 - Current Theme */ } .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial { background-color: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0px 0px 30px rgba(5, 5, 5, 0.08); transition: all 500ms cubic-bezier(0.57, 0.04, 0.06, 0.84); } @media (prefers-reduced-motion: reduce) { .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial { transition: none; } } .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial .testimonial-inner { position: relative; overflow: hidden; -webkit-perspective: 500px; perspective: 500px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial .testimonial-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: transparent; background-image: url(../images/current-theme/testimonial-bg-hover.png); background-position: bottom right; background-repeat: no-repeat; -webkit-transform: translateZ(300px) perspective(100px); transform: translateZ(300px) perspective(100px); transition: transform 0.8s ease; } @media (prefers-reduced-motion: reduce) { .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial .testimonial-inner:after { transition: none; } } .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial .testimonial-author-details { padding: 45px; position: relative; z-index: 0; transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial .testimonial-author-details { transition: none; } } .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial .testimonial-author-details:after { content: ""; background: url("../images/quote-icon.png") no-repeat; opacity: 0.2; position: absolute; right: -60px; top: 50px; width: 180px; height: 180px; transition: all 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial .testimonial-author-details:after { transition: none; } } .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial .testimonial-author-details .testimonial-header .star-rating { margin-top: 30px; } .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial .testimonial-author-details .testimonial-footer { margin-bottom: 30px; } .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial .testimonial-author-details .testimonial-footer .testimonial-image-holder { width: 90px; float: left; margin-right: 10px; } .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial .testimonial-author-details .testimonial-footer .testimonial-image-holder .author-thumb img { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.27); } .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial .testimonial-author-details .testimonial-footer .author-text { margin-bottom: 20px; } .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial .testimonial-author-details .testimonial-footer .testimonial-title { margin-top: 0; } .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial .testimonial-author-details .testimonial-footer .testimonial-header { margin-bottom: 20px; } .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial .testimonial-author-details .testimonial-footer .author-info .name { padding-top: 0; margin-bottom: 0; margin-top: 0; } .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial .testimonial-author-details .testimonial-footer .author-info .job-position { font-size: 0.95rem; color: #aaa; } .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial:hover { box-shadow: 0px 0px 30px rgba(5, 5, 5, 0.18); } .tm-sc-testimonials.testimonial-style7-current-theme .tm-testimonial:hover .testimonial-inner:after { -webkit-transform: translateZ(10px) perspective(0); transform: translateZ(10px) perspective(0); } .testimonials-infinite-right { margin-right: -500px; } @media (max-width: 991.98px) { .testimonials-infinite-right { margin-right: auto; } } .bxslider-current-style2 .bx-wrapper { box-shadow: none; margin-bottom: 0 !important; } /* * Shortcode: works.scss * ----------------------------------------------- */ .tm-sc-works-categories.style-default-current-theme .each-category .thumb:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(16, 33, 46, 0.4); transition: all 0.4s ease-in-out; } @media (prefers-reduced-motion: reduce) { .tm-sc-works-categories.style-default-current-theme .each-category .thumb:before { transition: none; } } .tm-sc-works-categories.style-default-current-theme .each-category .details { position: relative; padding: 30px; opacity: 1; background: #fff; box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); } .tm-sc-works-categories.style-default-current-theme .each-category .details .title { margin-top: 0; } .tm-sc-works-categories.style-default-current-theme .each-category:hover .thumb:before { height: 0; } /* * Shortcode: courses.scss * ----------------------------------------------- */ .course-item .course-thumb { position: relative; } .course-item .course-thumb .price { position: absolute; top: 0; right: 0; color: #fff; padding: 0px 10px; font-size: 20px; border-left: 3px solid; } .campaign .thumb { position: relative; overflow: hidden; } .campaign .thumb img { transition: all 500ms ease 0s; } .campaign .thumb .campaign-overlay { content: ""; position: absolute; height: 100%; width: 100%; background: rgba(3, 3, 3, 0.5); top: 0; left: 0; right: 0; opacity: 0; transition: all 400ms ease-in-out 0s; } .campaign:hover .thumb img { transform: scale(1.1); } .campaign:hover .thumb .campaign-overlay { opacity: 1; } /* * shortcode.scss * ----------------------------------------------- */ /* * Shortcode: bg-shapes.scss * ----------------------------------------------- */ .bg-polygon-clippath:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 60%; z-index: -1; background-image: -webkit-gradient(linear, left top, right top, from(#FBFBFD), to(#FBFBFD)); background-image: linear-gradient(90deg, #FBFBFD 0%, #FBFBFD 100%); -webkit-clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%); } /* * Shortcode: common.scss * ----------------------------------------------- */ .tm-sc-blog.blog-style1-current-theme .entry-content { padding: 30px; background-color: #fff; position: relative; border-color: #eee; } .tm-sc-blog.blog-style1-current-theme .entry-content .entry-date { float: left; padding: 5px 15px; margin-right: 15px; background-color: var(--theme-color1); } .tm-sc-blog.blog-style1-current-theme .entry-content .entry-date ul { list-style: none; } .tm-sc-blog.blog-style1-current-theme .entry-content .entry-title { margin-top: 0; } .tm-sc-blog.blog-style2-current-theme .post .entry-header { position: relative; } .tm-sc-blog.blog-style2-current-theme .post .entry-header .entry-meta.meta-absolute { height: 100%; position: absolute; right: 0; top: 0; } .tm-sc-blog.blog-style2-current-theme .post .entry-header .entry-meta.meta-absolute ul { list-style: none; } .tm-sc-blog.blog-style2-current-theme .post .entry-header .entry-meta.meta-absolute ul li i { display: block; font-size: 36px; margin-bottom: 5px; } .tm-sc-blog.blog-style2-current-theme .post .entry-content { background-color: #fff; border: 1px solid #eee; } .tm-sc-blog.blog-style2-current-theme .post .entry-content .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } /* * Shortcode: button.scss * ----------------------------------------------- */ /* btn-plain-text*/ .btn-plain-text { color: #aaa; font-size: 1rem; padding: 0; border: 0; padding-bottom: 3px; vertical-align: initial; } .btn-plain-text.focus, .btn-plain-text:focus { box-shadow: none; } .btn-plain-text-with-arrow { color: #31333e; font-size: 1rem; padding: 0; border: 0; vertical-align: initial; } .btn-plain-text-with-arrow:before { color: #ffae1d; display: inline-block; content: "\f35a"; font-family: "Font Awesome 5 Free"; font-size: 16px; font-variant: normal; font-weight: 600; line-height: 1; margin-right: 8px; position: relative; text-shadow: none; text-transform: none; transition: all 0.3s ease 0s; } @media (prefers-reduced-motion: reduce) { .btn-plain-text-with-arrow:before { transition: none; } } .btn-plain-text-with-arrow:focus:before, .btn-plain-text-with-arrow:hover:before { transform: rotateX(180deg); } .btn-plain-text-with-arrow:focus:after, .btn-plain-text-with-arrow:hover:after { -webkit-animation: moveArrow 1s; -moz-animation: moveArrow 1s; animation: moveArrow 1s; } .btn-plain-text-with-arrow.focus, .btn-plain-text-with-arrow:focus { box-shadow: none; } .btn-plain-text-with-arrow.text-white:after { color: #fff !important; } @keyframes moveArrow { 0%, 55% { opacity: 1; -webkit-transform: translateX(0) scale(1); -moz-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } 25% { opacity: 0; -webkit-transform: translateX(13px) scale(0.9); -moz-transform: translateX(13px) scale(0.9); transform: translateX(13px) scale(0.9); } 26% { opacity: 0; -webkit-transform: translateX(-13px) scale(0.9); -moz-transform: translateX(-13px) scale(0.9); transform: translateX(-13px) scale(0.9); } } /* * event.scss * ----------------------------------------------- */ .upcoming-events { background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); border-radius: 10px; overflow: hidden; padding: 10px; } .upcoming-events .event-details { padding: 30px; } .upcoming-events .event-date { background: #eee; padding: 20px 20px; text-align: center; margin-right: 15px; display: inline-block; } .upcoming-events .event-date .day { font-size: 30px; line-height: 1.1; font-weight: 600; display: block; } .upcoming-events .event-date .month { font-size: 22px; line-height: 1.1; } .upcoming-events .event-meta { list-style: none; color: #aaa; margin-bottom: 15px; font-size: 14px; } .upcoming-events .event-meta li { display: inline-block; margin-right: 10px; } .upcoming-events .event-meta li i { margin-right: 5px; } .upcoming-events-current-style .thumb { position: relative; } .upcoming-events-current-style .thumb .event-date { position: absolute; bottom: 0; width: 100%; text-align: center; border-radius: 0 0 12px 12px; } .upcoming-events-current-style .thumb .event-date .date { color: #fff; } .upcoming-events-current-style .event-details .event-location { list-style: none; } .upcoming-events-current-style .event-details .event-location li { display: inline; margin-right: 20px; } /* * Shortcode: features-box.scss * ----------------------------------------------- */ .tm-sc-features-box.features-box-current-theme-style1 .thumb { border-radius: 3px; overflow: hidden; } .tm-sc-features-box.features-box-current-theme-style1 .thumb a { display: inline-block; position: relative; z-index: 1; } .tm-sc-features-box.features-box-current-theme-style1 .thumb a::before { position: absolute; content: ''; width: calc(100% - 30px); height: calc(100% - 30px); background: rgba(0, 0, 0, 0.3); top: 15px; left: 15px; border-radius: 3px; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); visibility: hidden; opacity: 0; } .tm-sc-features-box.features-box-current-theme-style1 .thumb a::after { position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; border-radius: 3px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); visibility: visible; opacity: 1; } .tm-sc-features-box.features-box-current-theme-style1 .content { background: #fff; padding: 33px 40px 11px; width: calc(100% - 40px); margin-left: auto; margin-right: auto; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); border-radius: 3px; position: relative; z-index: 2; box-shadow: 0px 12px 10px 0px #eeeeee; -webkit-transition: all .3s ease .2s; transition: all .3s ease .2s; } .tm-sc-features-box.features-box-current-theme-style1 .content::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; border-radius: 3px; background: #6abe52; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .tm-sc-features-box.features-box-current-theme-style1 .content > .title { font-size: 24px; line-height: 30px; color: #111c16; margin-top: 0; margin-bottom: 1.1rem; } .tm-sc-features-box.features-box-current-theme-style1 .content > .para { font-size: 18px; line-height: 30px; color: #737373; } .tm-sc-features-box.features-box-current-theme-style1 .content > .rdm { display: block; text-align: center; width: 44px; height: 44px; margin-left: auto; margin-right: auto; -webkit-transform: translateY(70%); -ms-transform: translateY(70%); -o-transform: translateY(70%); transform: translateY(70%); background: url("../images/icon-holder/01.png") no-repeat center center; -webkit-background-size: cover; background-size: cover; -webkit-transition: all .2s ease; transition: all .2s ease; } .tm-sc-features-box.features-box-current-theme-style1 .content > .rdm .fa { font-size: 18px; line-height: 44px; color: #6abe52; } .tm-sc-features-box.features-box-current-theme-style1:hover .thumb > a::before { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .3s ease .2s; transition: all .3s ease .2s; } .tm-sc-features-box.features-box-current-theme-style1:hover .thumb > a::after { visibility: hidden; opacity: 0; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; } .tm-sc-features-box.features-box-current-theme-style1:hover .content::before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .tm-sc-features-box.features-box-current-theme-style1:hover .content > .title, .tm-sc-features-box.features-box-current-theme-style1:hover .content > .para { color: #fff; -webkit-transition: color .2s linear 0s; transition: color .2s linear 0s; } .tm-sc-features-box.features-box-current-theme-style1:hover .content > .rdm { background: url("../images/icon-holder/03.png") no-repeat center center; } .tm-sc-features-box.features-box-current-theme-style1:hover .content > .rdm .fa { color: #fff; } .tm-sc-features-box.features-box-current-theme-style2 { border-radius: 3px; padding: 140px 60px 137px 60px; position: relative; background: #fff; border: 1px solid #f5f5f5; z-index: 1; } .tm-sc-features-box.features-box-current-theme-style2:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; border-radius: 3px; background: #6abe52; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .tm-sc-features-box.features-box-current-theme-style2 .thumb a img { transition: all 0.3s ease; } @media (prefers-reduced-motion: reduce) { .tm-sc-features-box.features-box-current-theme-style2 .thumb a img { transition: none; } } .tm-sc-features-box.features-box-current-theme-style2 .thumb a .featured-image-hover { display: none; } .tm-sc-features-box.features-box-current-theme-style2 span { font-size: 80px; -webkit-transition: color .2s linear .2s; transition: color .2s linear .2s; } .tm-sc-features-box.features-box-current-theme-style2 .title { font-size: 24px; line-height: 36px; margin-top: 30px; margin-bottom: 1.1rem; -webkit-transition: color .2s linear .2s; transition: color .2s linear .2s; } .tm-sc-features-box.features-box-current-theme-style2 .rdm .fa { font-size: 18px; line-height: 44px; color: #6abe52; } .tm-sc-features-box.features-box-current-theme-style2 .rdm { display: block; text-align: center; width: 44px; height: 44px; margin-left: auto; margin-right: auto; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); background: url("../images/icon-holder/01.png") no-repeat center center; -webkit-background-size: cover; background-size: cover; -webkit-transition: all .2s ease; transition: all .2s ease; } .tm-sc-features-box.features-box-current-theme-style2:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .tm-sc-features-box.features-box-current-theme-style2:hover .thumb a .featured-image { display: none; } .tm-sc-features-box.features-box-current-theme-style2:hover .thumb a .featured-image-hover { display: inline-block; } .tm-sc-features-box.features-box-current-theme-style2:hover .title, .tm-sc-features-box.features-box-current-theme-style2:hover .para { color: #fff !important; -webkit-transition: color .2s linear 0s; transition: color .2s linear 0s; } .tm-sc-features-box.features-box-current-theme-style2:hover > .rdm { background: url("../images/icon-holder/03.png") no-repeat center center; } .tm-sc-features-box.features-box-current-theme-style2:hover > .rdm .fa { color: #fff; } /* * Shortcode: final-countdown.scss * ----------------------------------------------- */ /* * Shortcode: funfacts.scss * ----------------------------------------------- */ .tm-sc-funfact.funfact-current-style { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); border-radius: 10px; overflow: hidden; } .tm-sc-funfact.funfact-current-style:after { position: absolute; left: -2px; bottom: 0px; width: 100%; height: 4px; content: ''; background-image: -moz-linear-gradient(0deg, #313131 0%, #bdc0c3 100%); background-image: -webkit-linear-gradient(0deg, #313131 0%, #bdc0c3 100%); background-image: -ms-linear-gradient(0deg, #313131 0%, #bdc0c3 100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: hidden; opacity: 0; transition: all 0.5s ease-in; } @media (prefers-reduced-motion: reduce) { .tm-sc-funfact.funfact-current-style:after { transition: none; } } .tm-sc-funfact.funfact-current-style:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); } .tm-sc-funfact.funfact-current-style:hover:after { -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible; opacity: 1; } .tm-sc-funfact.funfact-current-style:hover .funfact-icon { transform: rotateY(180deg); } .funfact-item .funfact-icon { font-size: 48px; } .funfact-item .counter { font-size: 48px; } /* * Shortcode: Icon Boxe current theme * ----------------------------------------------- */ .icon-box.iconbox-current-theme-style1 .icon-box-wrapper { position: relative; padding: 60px 60px 50px 60px; } .icon-box.iconbox-current-theme-style1 .icon-box-wrapper .icon-wrapper .icon { position: relative; } .icon-box.iconbox-current-theme-style1 .icon-box-wrapper .icon-wrapper .icon:after { position: absolute; content: ''; left: -30px; top: -40%; width: 60px; height: 60px; border-radius: 50%; background-color: rgba(255, 163, 3, 0.1); z-index: -1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; } .icon-box.iconbox-current-theme-style1 .icon-box-wrapper .icon-box-title { margin-bottom: 20px; } .icon-box.iconbox-current-theme-style1:hover .icon-box-wrapper .icon-wrapper .icon:after { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } /* * Shortcode: pricing-tables.scss * ----------------------------------------------- */ .pricing-table { margin-bottom: 30px; position: relative; } .pricing-table .table-price { color: #111; font-size: 45px; } .pricing-table .table-price span { font-size: 13px; vertical-align: middle; } .pricing-table img { width: 100%; } .pricing-table.featured { border: 1px solid #111; } .pricing-table .table-type { display: inline; } .pricing-table .btn-signup { margin-right: 0; width: 100%; } .pricing-table .table-list { list-style: outside none none; padding: 0 0px 20px; } .pricing-table .table-list li { border-bottom: 0; font-size: 12px; padding: 10px 0; } .pricing-table .table-list li i { margin-right: 8px; } .pricing-table .package-type span { position: relative; padding-left: 15px; margin-left: 10px; } .pricing-table .package-type span::after { background: #2d915b; content: ""; height: 20px; left: -20px; position: absolute; top: 11px; width: 20px; } /* * progress-bar.scss * ----------------------------------------------- */ /* * Shortcode: section-title.scss * ----------------------------------------------- */ .tm-sc-section-title .title-wrapper .subtitle { font-family: "Playfair Display", serif; font-weight: 400; line-height: 36px; font-size: 1.5rem; display: block; } .tm-sc-section-title .title-wrapper .title.icon-bottom { margin-bottom: 30px; } .tm-sc-section-title .title-wrapper .title.icon-bottom:after { content: ""; position: absolute; top: 105%; left: 50%; transform: translateX(-50%); background-image: url("../images/title-icon.png"); width: 66px; height: 20px; } .tm-sc-section-title.text-left .title-wrapper .title:after { left: 0; transform: translateX(0%); } /* * social-links.scss * ----------------------------------------------- */ /* * Shortcode: working-steps.scss * ----------------------------------------------- */ .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .image-holder-inner img { border-radius: 50%; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } /* * Shortcode: unordered-list.scss * ----------------------------------------------- */ .tm-sc-unordered-list.current-theme-list-style1 ul, .tm-sc-unordered-list.current-theme-list-style1 ol { list-style: none; } .tm-sc-unordered-list.current-theme-list-style1 ul li, .tm-sc-unordered-list.current-theme-list-style1 ol li { padding-left: 0; color: #111; font-size: 1.1rem; font-weight: 600; } .tm-sc-unordered-list.current-theme-list-style1 ul li span, .tm-sc-unordered-list.current-theme-list-style1 ol li span { width: 45px; height: 45px; background: #111; display: inline-block; text-align: center; line-height: 45px; border-radius: 50%; margin-right: 15px; color: #fff; font-weight: 600; font-size: 1rem; } .tm-sc-unordered-list.current-theme-list-style1 ul li:not(:last-child), .tm-sc-unordered-list.current-theme-list-style1 ol li:not(:last-child) { padding-bottom: 18px; } /* * Shortcode: single-bottle.scss * ----------------------------------------------- */ .single-bottle-inner { background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 10px 60px 0px rgba(37, 39, 88, 0.1); border: 1px solid #dae0ef; padding: 60px 60px 50px; margin-bottom: 30px; transition: .3s all linear; border-radius: 15px; } .single-bottle-inner:hover { box-shadow: 0px 10px 30px rgba(218, 224, 239, 0.4); } .single-bottle-inner .icon-text { margin: 0; padding: 0; list-style: none; border-top: 1px solid #eff0f7; padding-top: 20px; margin-top: 20px; position: relative; } .single-bottle-inner .icon-text:after { content: ''; width: 80px; height: 1px; background-color: #a461e5; position: absolute; top: -1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* * Shortcode: single-feature.scss * ----------------------------------------------- */ .single-feature-inner { margin-bottom: 30px; padding: 0 30px; position: relative; } .single-feature-inner:hover .feature-icon { background: #ddd; } .single-feature-inner:after { content: ""; position: absolute; height: 100%; width: 1px; background: #f4f6fb; top: 0; right: -17px; } .single-feature-inner .icon-box-title { margin-top: 20px; margin-bottom: 15px; } /* * Shortcode: line-with-text.scss * ----------------------------------------------- */ .tm-sc-line-with-text.line-after-title .horizontal-text { padding-right: 5px; } .tm-sc-line-with-text .horizontal-line { display: inline-block; vertical-align: middle; height: 0; width: 50px; background-color: transparent; position: relative; } .tm-sc-line-with-text .horizontal-line:after { content: ""; position: absolute; top: 0; left: 0; background-image: url("../images/current-theme/title-line-bottom.png"); width: 36px; height: 7px; } /* * Shortcode: common.scss * ----------------------------------------------- */ .font-size-13 { font-size: 13px; } .font-size-84 { font-size: 84px; } .font-36 { font-size: 36px; } .font-72 { font-size: 72px !important; } .mb-responsive--440 { margin-bottom: -440px; } @media (max-width: 767.98px) { .mb-responsive--440 { margin-bottom: 0; } } .display-table { display: table; height: 100%; position: relative; width: 100%; z-index: 1; } .display-table { display: table; height: 100%; position: relative; width: 100%; z-index: 1; } .border-1px-solid { border: 1px solid #f6f6f6; } .border-left-theme-colored1-3px { border-left: 3px solid; } .border-bottom-theme-colored2-2px { border-bottom: 2px solid; } .border-left-theme-colored1-6px { border-left: 6px solid !important; } .border-right-theme-colored1-6px { border-right: 6px solid !important; } .border-radius-5px { border-radius: 5px; } .border-rounded { border-radius: 50%; } .mt-05 { margin-top: 5px !important; } .font-opensans { font-family: "Open Sans", sans-serif !important; } .list-style-square ul li { list-style-type: none; } .list-style-square ul li i { background: #c0c0c0; color: #555555; font-size: 12px; height: 28px; line-height: 28px; margin: 5px 10px 5px 0; text-align: center; width: 28px; } .fullscreen { height: 100vh; } .personal-home-style3 { background-attachment: fixed; } /* * Shortcode: typography.scss * ----------------------------------------------- */ /* * Shortcode: icon-box.scss * ----------------------------------------------- */ .bubble-hover { position: relative; overflow: hidden; } .bubble-hover:after { content: ''; width: 191px; height: 191px; border-radius: 50%; background-color: #bac4c9; opacity: .1; position: absolute; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; transition-delay: .3s; bottom: 0; left: 0; -webkit-transform: translate(-90%, 90%); transform: translate(-60%, 60%); } .bubble-hover:before { content: ''; width: 191px; height: 191px; border-radius: 50%; background-color: #bac4c9; opacity: .1; position: absolute; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transition-delay: .2s; bottom: 0; left: 0; -webkit-transform: translate(-90%, 90%); transform: translate(-55%, 55%); } .bubble-hover:hover:before { bottom: 0; left: 0; -webkit-transform: translate(0%, 0%); transform: translate(-20%, 20%); } .bubble-hover:hover:after { bottom: 0; left: 0; -webkit-transform: translate(-30%, 30%); transform: translate(-30%, 30%); } /* * Shortcode: footer.scss * ----------------------------------------------- */ /* * form.scss * ----------------------------------------------- */ /* * Utility Classes * ----------------------------------------------- */ /* -------- Font Size ---------- */ .font-size-10 { font-size: 10px !important; } .font-size-11 { font-size: 11px !important; } .font-size-12 { font-size: 12px !important; } .font-size-13 { font-size: 13px !important; } .font-size-14 { font-size: 14px !important; } .font-size-15 { font-size: 15px !important; } .font-size-16 { font-size: 16px !important; } .font-size-17 { font-size: 17px !important; } .font-size-18 { font-size: 18px !important; } .font-size-19 { font-size: 19px !important; } .font-size-20 { font-size: 20px !important; } .font-size-21 { font-size: 21px !important; } .font-size-22 { font-size: 22px !important; } .font-size-23 { font-size: 23px !important; } .font-size-24 { font-size: 24px !important; } .font-size-25 { font-size: 25px !important; } .font-size-26 { font-size: 26px !important; } .font-size-27 { font-size: 27px !important; } .font-size-28 { font-size: 28px !important; } .font-size-29 { font-size: 29px !important; } .font-size-30 { font-size: 30px !important; } .font-size-32 { font-size: 32px !important; } .font-size-36 { font-size: 36px !important; } .font-size-38 { font-size: 38px !important; } .font-size-40 { font-size: 40px !important; } .font-size-42 { font-size: 42px !important; } .font-size-44 { font-size: 44px !important; } .font-size-46 { font-size: 46px !important; } .font-size-48 { font-size: 48px !important; } .font-size-50 { font-size: 50px !important; } .font-size-54 { font-size: 54px !important; } .font-size-60 { font-size: 60px !important; } .font-size-64 { font-size: 64px !important; } .font-size-70 { font-size: 70px !important; } .font-size-72 { font-size: 72px !important; } .font-size-78 { font-size: 78px !important; } .font-size-80 { font-size: 80px !important; } .font-size-84 { font-size: 84px !important; } .font-size-86 { font-size: 86px !important; } .font-size-90 { font-size: 90px !important; } .font-size-100 { font-size: 100px !important; } .font-size-120 { font-size: 120px !important; } .font-size-130 { font-size: 130px !important; } .font-size-140 { font-size: 140px !important; } .font-size-150 { font-size: 150px !important; } .font-size-200 { font-size: 200px !important; } .font-size-220 { font-size: 220px !important; } .font-size-240 { font-size: 240px !important; } .font-size-250 { font-size: 250px !important; } /* -------- Text Colors ---------- */ /* Text Black & Gray Color*/ .text-black { color: #000 !important; } .text-black-111 { color: #111 !important; } .text-black-222 { color: #222 !important; } .text-black-333 { color: #333 !important; } .text-black-444 { color: #444 !important; } .text-black-555 { color: #555 !important; } .text-black-666 { color: #666 !important; } .text-black-777 { color: #777 !important; } .text-black-888 { color: #888 !important; } .text-black-999 { color: #999 !important; } .text-gray-dimgray { color: #696969 !important; } .text-gray-light { color: #777 !important; } .text-gray { color: #808080 !important; } .text-gray-darkgray { color: #a9a9a9 !important; } .text-gray-silver { color: #c0c0c0 !important; } .text-gray-lightgray { color: #d3d3d3 !important; } .text-gray-gainsboro { color: #fff !important; } .text-gray-lighter { color: #eee !important; } .text-gray-aaa { color: #aaa !important; } .text-gray-bbb { color: #bbb !important; } .text-gray-ccc { color: #ccc !important; } .text-gray-ddd { color: #ddd !important; } .text-gray-eee { color: #eee !important; } /* Text White Color*/ .text-white-f1 { color: #f1f1f1 !important; } .text-white-f2 { color: #f2f2f2 !important; } .text-white-f3 { color: #f3f3f3 !important; } .text-white-f4 { color: #f4f4f4 !important; } .text-white-f5 { color: #f5f5f5 !important; } .text-white-f6 { color: #f6f6f6 !important; } .text-white-f7 { color: #f7f7f7 !important; } .text-white-f8 { color: #f8f8f8 !important; } .text-white-f9 { color: #f9f9f9 !important; } .text-white-fa { color: #fafafa !important; } .text-white-fc { color: #fcfcfc !important; } .text-white-fd { color: #fdfdfd !important; } .text-white-fe { color: #fefefe !important; } /* -------- Solid Color Background ---------- */ .bg-black { background-color: #000 !important; } .bg-black-111 { background-color: #111 !important; } .bg-black-222 { background-color: #222 !important; } .bg-black-333 { background-color: #333 !important; } .bg-black-444 { background-color: #444 !important; } .bg-black-555 { background-color: #555 !important; } .bg-silver-light { background-color: #f6f6f6 !important; } /* Bg White Color*/ .bg-white { background-color: #fff !important; } .bg-white-f1 { background-color: #f1f1f1 !important; } .bg-white-f2 { background-color: #f2f2f2 !important; } .bg-white-f3 { background-color: #f3f3f3 !important; } .bg-white-f4 { background-color: #f4f4f4 !important; } .bg-white-f5 { background-color: #f5f5f5 !important; } .bg-white-f6 { background-color: #f6f6f6 !important; } .bg-white-f7 { background-color: #f7f7f7 !important; } .bg-white-f8 { background-color: #f8f8f8 !important; } .bg-white-f9 { background-color: #f9f9f9 !important; } .bg-white-fa { background-color: #fafafa !important; } .bg-white-fb { background-color: #fbfbfb !important; } .bg-white-fc { background-color: #fcfcfc !important; } .bg-white-fd { background-color: #fdfdfd !important; } .bg-white-fe { background-color: #fefefe !important; } /* -------- Transparent Background Color ---------- */ .bg-white-transparent-9 { background-color: rgba(255, 255, 255, 0.9) !important; } .bg-white-transparent-8 { background-color: rgba(255, 255, 255, 0.8) !important; } .bg-white-transparent-7 { background-color: rgba(255, 255, 255, 0.7) !important; } .bg-white-transparent-6 { background-color: rgba(255, 255, 255, 0.6) !important; } .bg-white-transparent-5 { background-color: rgba(255, 255, 255, 0.5) !important; } .bg-white-transparent-4 { background-color: rgba(255, 255, 255, 0.4) !important; } .bg-white-transparent-3 { background-color: rgba(255, 255, 255, 0.3) !important; } .bg-white-transparent-2 { background-color: rgba(255, 255, 255, 0.2) !important; } .bg-white-transparent-1 { background-color: rgba(255, 255, 255, 0.1) !important; } .bg-dark-transparent-9 { background-color: rgba(0, 0, 0, 0.9) !important; } .bg-dark-transparent-8 { background-color: rgba(0, 0, 0, 0.8) !important; } .bg-dark-transparent-7 { background-color: rgba(0, 0, 0, 0.7) !important; } .bg-dark-transparent-6 { background-color: rgba(0, 0, 0, 0.6) !important; } .bg-dark-transparent-5 { background-color: rgba(0, 0, 0, 0.5) !important; } .bg-dark-transparent-4 { background-color: rgba(0, 0, 0, 0.4) !important; } .bg-dark-transparent-3 { background-color: rgba(0, 0, 0, 0.3) !important; } .bg-dark-transparent-2 { background-color: rgba(0, 0, 0, 0.2) !important; } .bg-dark-transparent-1 { background-color: rgba(0, 0, 0, 0.1) !important; } /* -------- box-shadow ---------- */ .box-shadow { box-shadow: 0px 0px 25px rgba(5, 5, 5, 0.1) !important; } .box-shadow-2 { box-shadow: 0px 0px 30px rgba(5, 5, 5, 0.2) !important; } .box-shadow-10 { box-shadow: 0px 0px 10px rgba(5, 5, 5, 0.1); } .box-shadow-20 { box-shadow: 0px 0px 20px rgba(5, 5, 5, 0.1); } .box-shadow-30 { box-shadow: 0px 0px 30px rgba(5, 5, 5, 0.1); } .box-shadow-40 { box-shadow: 0px 0px 40px rgba(5, 5, 5, 0.1); } .box-shadow-50 { box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.1); } /* -------- Letter Spacing ---------- */ .letter-space-0 { letter-spacing: 0px; } .letter-space-1 { letter-spacing: 1px; } .letter-space-2 { letter-spacing: 2px; } .letter-space-3 { letter-spacing: 3px; } .letter-space-4 { letter-spacing: 4px; } .letter-space-5 { letter-spacing: 5px; } .letter-space-6 { letter-spacing: 6px; } .letter-space-7 { letter-spacing: 7px; } .letter-space-8 { letter-spacing: 8px; } .letter-space-9 { letter-spacing: 9px; } .letter-space-10 { letter-spacing: 10px; } /* -------- z-index ---------- */ .z-index--1 { z-index: -1 !important; } .z-index-0 { z-index: 0 !important; } .z-index-1 { z-index: 1 !important; } .z-index-2 { z-index: 2 !important; } .z-index-3 { z-index: 3 !important; } .z-index-4 { z-index: 4 !important; } .z-index-5 { z-index: 5 !important; } .z-index-99 { z-index: 99 !important; } .z-index-111 { z-index: 111 !important; } .z-index-1111 { z-index: 1111 !important; } .z-index-9999 { z-index: 9999 !important; } /* -------- Font Weight ---------- */ .font-weight-100 { font-weight: 100 !important; } .font-weight-200 { font-weight: 200 !important; } .font-weight-300 { font-weight: 300 !important; } .font-weight-400 { font-weight: 400 !important; } .font-weight-500 { font-weight: 500 !important; } .font-weight-600 { font-weight: 600 !important; } .font-weight-700 { font-weight: 700 !important; } .font-weight-800 { font-weight: 800 !important; } .font-weight-900 { font-weight: 900 !important; } /* -------- Line Height ---------- */ .line-height-0 { line-height: 0px; } .line-height-1 { line-height: 1 !important; } .line-height-1-5 { line-height: 1.5 !important; } .line-height-2 { line-height: 2 !important; } /* -------- Border ---------- */ .no-border { border: none !important; } .border-1px { border: 1px solid #f6f6f6 !important; } .border-2px { border: 2px solid #f6f6f6 !important; } .border-3px { border: 3px solid #f6f6f6 !important; } .border-4px { border: 4px solid #f6f6f6 !important; } .border-5px { border: 5px solid #f6f6f6 !important; } .border-6px { border: 6px solid #f6f6f6 !important; } .border-7px { border: 7px solid #f6f6f6 !important; } .border-8px { border: 8px solid #f6f6f6 !important; } .border-9px { border: 9px solid #f6f6f6 !important; } .border-10px { border: 10px solid #f6f6f6 !important; } .border-8px-white { border: 8px solid #fff !important; } .border-top-1px { border-top: 1px solid #eee !important; } .border-top-2px { border-top: 2px solid #eee !important; } .border-top-3px { border-top: 3px solid #eee !important; } .border-top-5px { border-top: 5px solid #f6f6f6 !important; } .border-right-1px { border-right: 1px solid #eee !important; } .border-right-2px { border-right: 2px solid #eee !important; } .border-right-3px { border-right: 3px solid #eee !important; } .border-bottom-1px { border-bottom: 1px solid #eee !important; } .border-bottom-2px { border-bottom: 2px solid #eee !important; } .border-bottom-3px { border-bottom: 3px solid #eee !important; } .border-left-1px { border-left: 1px solid #eee !important; } .border-left-2px { border-left: 2px solid #eee !important; } .border-left-3px { border-left: 3px solid #eee !important; } /* -------- Border Outline---------- */ .outline-border { outline: 5px solid #f1f1f1; outline-offset: 5px; } .outline-border-1px { outline: 1px solid #f1f1f1; outline-offset: 1px; } .outline-border-2px { outline: 2px solid #f1f1f1; outline-offset: 2px; } .outline-border-3px { outline: 3px solid #f1f1f1; outline-offset: 3px; } .outline-border-4px { outline: 4px solid #f1f1f1; outline-offset: 4px; } .outline-border-5px { outline: 5px solid #f1f1f1; outline-offset: 5px; } /* -------- Background Image ---------- */ .no-bg { background: none !important; } @media (max-width: 1199.98px) { .lg-no-bg { background: none !important; } } @media (max-width: 991.98px) { .md-no-bg { background: none !important; } } @media (max-width: 767.98px) { .sm-no-bg { background: none !important; } } @media (max-width: 575.98px) { .xs-no-bg { background: none !important; } } .bg-no-repeat, .bg-img-no-repeat { background-repeat: no-repeat !important; } .bg-img-fixed { background-attachment: fixed !important; } .bg-img-cover { background-size: cover !important; } .bg-img-center { background-position: center !important; } .bg-img-center-top { background-position: center top !important; } .bg-img-center-bottom { background-position: center bottom !important; } .bg-img-left { background-position: left !important; } .bg-img-left-top { background-position: left top !important; } .bg-img-left-bottom { background-position: left bottom !important; } .bg-img-right { background-position: right !important; } .bg-img-right-top { background-position: right top !important; } .bg-img-right-bottom { background-position: right bottom !important; } .tm-fullwidth, .img-fullwidth { width: 100% !important; } /* -------- Absolute Image Positioning ---------- */ .overflow-visible { overflow: visible !important; } .overflow-hidden { overflow: hidden !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-y-hidden { overflow-y: hidden !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } @media (max-width: 575.98px) { .float-xs-center { display: table; float: none !important; margin-left: auto !important; margin-right: auto !important; } .xs-fullwidth { width: 100%; } .xs-height-auto { min-height: auto !important; } .xs-hide-bg-img { background: none !important; } .xs-hide-child-bg-img > div { background: none !important; } } @media (max-width: 767.98px) { .float-sm-center { display: table; float: none !important; margin-left: auto !important; margin-right: auto !important; } .sm-fullwidth { width: 100%; } .sm-height-auto { min-height: auto !important; } .sm-hide-bg-img { background: none !important; } .sm-hide-child-bg-img > div { background: none !important; } } @media (max-width: 991.98px) { .float-md-center { display: table; float: none !important; margin-left: auto !important; margin-right: auto !important; } .md-fullwidth { width: 100%; } .md-height-auto { min-height: auto !important; } .md-hide-bg-img { background: none !important; } .md-hide-child-bg-img > div { background: none !important; } } @media (max-width: 1199.98px) { .float-lg-center { display: table; float: none !important; margin-left: auto !important; margin-right: auto !important; } .lg-fullwidth { width: 100%; } .lg-height-auto { min-height: auto !important; } .lg-hide-bg-img { background: none !important; } .lg-hide-child-bg-img > div { background: none !important; } } .position-inherit { position: inherit !important; } /* * custom-bootstrap-margin-padding.scss * ----------------------------------------------- */ /* Margin */ .m--0 { margin: 0px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; } .m-30 { margin: 30px !important; } .m-40 { margin: 40px !important; } .m-50 { margin: 50px !important; } .m-60 { margin: 60px !important; } .m-70 { margin: 70px !important; } .m-80 { margin: 80px !important; } .m-90 { margin: 90px !important; } .m-100 { margin: 100px !important; } .m-110 { margin: 110px !important; } .m-120 { margin: 120px !important; } .m-130 { margin: 130px !important; } .m-140 { margin: 140px !important; } .m-150 { margin: 150px !important; } .m-200 { margin: 200px !important; } .m-250 { margin: 250px !important; } .m--10 { margin: -10px !important; } .m--15 { margin: -15px !important; } .m--20 { margin: -20px !important; } .m--25 { margin: -25px !important; } .m--30 { margin: -30px !important; } .m--40 { margin: -40px !important; } .m--50 { margin: -50px !important; } .m--60 { margin: -60px !important; } .m--70 { margin: -70px !important; } .m--80 { margin: -80px !important; } .m--90 { margin: -90px !important; } .m--100 { margin: -100px !important; } .mt--0 { margin-top: 0px !important; } .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-25 { margin-top: 25px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mt-70 { margin-top: 70px !important; } .mt-80 { margin-top: 80px !important; } .mt-90 { margin-top: 90px !important; } .mt-100 { margin-top: 100px !important; } .mt-110 { margin-top: 110px !important; } .mt-120 { margin-top: 120px !important; } .mt-130 { margin-top: 130px !important; } .mt-140 { margin-top: 140px !important; } .mt-150 { margin-top: 150px !important; } .mt-200 { margin-top: 200px !important; } .mt-250 { margin-top: 250px !important; } .mt--10 { margin-top: -10px !important; } .mt--15 { margin-top: -15px !important; } .mt--20 { margin-top: -20px !important; } .mt--25 { margin-top: -25px !important; } .mt--30 { margin-top: -30px !important; } .mt--40 { margin-top: -40px !important; } .mt--50 { margin-top: -50px !important; } .mt--60 { margin-top: -60px !important; } .mt--70 { margin-top: -70px !important; } .mt--80 { margin-top: -80px !important; } .mt--90 { margin-top: -90px !important; } .mt--100 { margin-top: -100px !important; } .mb--0 { margin-bottom: 0px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-25 { margin-bottom: 25px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } .mb-110 { margin-bottom: 110px !important; } .mb-120 { margin-bottom: 120px !important; } .mb-130 { margin-bottom: 130px !important; } .mb-140 { margin-bottom: 140px !important; } .mb-150 { margin-bottom: 150px !important; } .mb-200 { margin-bottom: 200px !important; } .mb-250 { margin-bottom: 250px !important; } .mb--10 { margin-bottom: -10px !important; } .mb--15 { margin-bottom: -15px !important; } .mb--20 { margin-bottom: -20px !important; } .mb--25 { margin-bottom: -25px !important; } .mb--30 { margin-bottom: -30px !important; } .mb--40 { margin-bottom: -40px !important; } .mb--50 { margin-bottom: -50px !important; } .mb--60 { margin-bottom: -60px !important; } .mb--70 { margin-bottom: -70px !important; } .mb--80 { margin-bottom: -80px !important; } .mb--90 { margin-bottom: -90px !important; } .mb--100 { margin-bottom: -100px !important; } .mr--0 { margin-right: 0px !important; } .mr-10 { margin-right: 10px !important; } .mr-15 { margin-right: 15px !important; } .mr-20 { margin-right: 20px !important; } .mr-25 { margin-right: 25px !important; } .mr-30 { margin-right: 30px !important; } .mr-40 { margin-right: 40px !important; } .mr-50 { margin-right: 50px !important; } .mr-60 { margin-right: 60px !important; } .mr-70 { margin-right: 70px !important; } .mr-80 { margin-right: 80px !important; } .mr-90 { margin-right: 90px !important; } .mr-100 { margin-right: 100px !important; } .mr-110 { margin-right: 110px !important; } .mr-120 { margin-right: 120px !important; } .mr-130 { margin-right: 130px !important; } .mr-140 { margin-right: 140px !important; } .mr-150 { margin-right: 150px !important; } .mr-200 { margin-right: 200px !important; } .mr-250 { margin-right: 250px !important; } .mr--10 { margin-right: -10px !important; } .mr--15 { margin-right: -15px !important; } .mr--20 { margin-right: -20px !important; } .mr--25 { margin-right: -25px !important; } .mr--30 { margin-right: -30px !important; } .mr--40 { margin-right: -40px !important; } .mr--50 { margin-right: -50px !important; } .mr--60 { margin-right: -60px !important; } .mr--70 { margin-right: -70px !important; } .mr--80 { margin-right: -80px !important; } .mr--90 { margin-right: -90px !important; } .mr--100 { margin-right: -100px !important; } .ml--0 { margin-left: 0px !important; } .ml-10 { margin-left: 10px !important; } .ml-15 { margin-left: 15px !important; } .ml-20 { margin-left: 20px !important; } .ml-25 { margin-left: 25px !important; } .ml-30 { margin-left: 30px !important; } .ml-40 { margin-left: 40px !important; } .ml-50 { margin-left: 50px !important; } .ml-60 { margin-left: 60px !important; } .ml-70 { margin-left: 70px !important; } .ml-80 { margin-left: 80px !important; } .ml-90 { margin-left: 90px !important; } .ml-100 { margin-left: 100px !important; } .ml-110 { margin-left: 110px !important; } .ml-120 { margin-left: 120px !important; } .ml-130 { margin-left: 130px !important; } .ml-140 { margin-left: 140px !important; } .ml-150 { margin-left: 150px !important; } .ml-200 { margin-left: 200px !important; } .ml-250 { margin-left: 250px !important; } .ml--10 { margin-left: -10px !important; } .ml--15 { margin-left: -15px !important; } .ml--20 { margin-left: -20px !important; } .ml--25 { margin-left: -25px !important; } .ml--30 { margin-left: -30px !important; } .ml--40 { margin-left: -40px !important; } .ml--50 { margin-left: -50px !important; } .ml--60 { margin-left: -60px !important; } .ml--70 { margin-left: -70px !important; } .ml--80 { margin-left: -80px !important; } .ml--90 { margin-left: -90px !important; } .ml--100 { margin-left: -100px !important; } @media (max-width: 1199.98px) { .m-lg--0 { margin: 0px !important; } .m-lg-10 { margin: 10px !important; } .m-lg-15 { margin: 15px !important; } .m-lg-20 { margin: 20px !important; } .m-lg-25 { margin: 25px !important; } .m-lg-30 { margin: 30px !important; } .m-lg-40 { margin: 40px !important; } .m-lg-50 { margin: 50px !important; } .m-lg-60 { margin: 60px !important; } .m-lg-70 { margin: 70px !important; } .m-lg-80 { margin: 80px !important; } .m-lg-90 { margin: 90px !important; } .m-lg-100 { margin: 100px !important; } .m-lg-110 { margin: 110px !important; } .m-lg-120 { margin: 120px !important; } .m-lg-130 { margin: 130px !important; } .m-lg-140 { margin: 140px !important; } .m-lg-150 { margin: 150px !important; } .m-lg-200 { margin: 200px !important; } .m-lg-250 { margin: 250px !important; } .m-lg--10 { margin: -10px !important; } .m-lg--15 { margin: -15px !important; } .m-lg--20 { margin: -20px !important; } .m-lg--25 { margin: -25px !important; } .m-lg--30 { margin: -30px !important; } .m-lg--40 { margin: -40px !important; } .m-lg--50 { margin: -50px !important; } .m-lg--60 { margin: -60px !important; } .m-lg--70 { margin: -70px !important; } .m-lg--80 { margin: -80px !important; } .m-lg--90 { margin: -90px !important; } .m-lg--100 { margin: -100px !important; } .mt-lg--0 { margin-top: 0px !important; } .mt-lg-10 { margin-top: 10px !important; } .mt-lg-15 { margin-top: 15px !important; } .mt-lg-20 { margin-top: 20px !important; } .mt-lg-25 { margin-top: 25px !important; } .mt-lg-30 { margin-top: 30px !important; } .mt-lg-40 { margin-top: 40px !important; } .mt-lg-50 { margin-top: 50px !important; } .mt-lg-60 { margin-top: 60px !important; } .mt-lg-70 { margin-top: 70px !important; } .mt-lg-80 { margin-top: 80px !important; } .mt-lg-90 { margin-top: 90px !important; } .mt-lg-100 { margin-top: 100px !important; } .mt-lg-110 { margin-top: 110px !important; } .mt-lg-120 { margin-top: 120px !important; } .mt-lg-130 { margin-top: 130px !important; } .mt-lg-140 { margin-top: 140px !important; } .mt-lg-150 { margin-top: 150px !important; } .mt-lg-200 { margin-top: 200px !important; } .mt-lg-250 { margin-top: 250px !important; } .mt-lg--10 { margin-top: -10px !important; } .mt-lg--15 { margin-top: -15px !important; } .mt-lg--20 { margin-top: -20px !important; } .mt-lg--25 { margin-top: -25px !important; } .mt-lg--30 { margin-top: -30px !important; } .mt-lg--40 { margin-top: -40px !important; } .mt-lg--50 { margin-top: -50px !important; } .mt-lg--60 { margin-top: -60px !important; } .mt-lg--70 { margin-top: -70px !important; } .mt-lg--80 { margin-top: -80px !important; } .mt-lg--90 { margin-top: -90px !important; } .mt-lg--100 { margin-top: -100px !important; } .mb-lg--0 { margin-bottom: 0px !important; } .mb-lg-10 { margin-bottom: 10px !important; } .mb-lg-15 { margin-bottom: 15px !important; } .mb-lg-20 { margin-bottom: 20px !important; } .mb-lg-25 { margin-bottom: 25px !important; } .mb-lg-30 { margin-bottom: 30px !important; } .mb-lg-40 { margin-bottom: 40px !important; } .mb-lg-50 { margin-bottom: 50px !important; } .mb-lg-60 { margin-bottom: 60px !important; } .mb-lg-70 { margin-bottom: 70px !important; } .mb-lg-80 { margin-bottom: 80px !important; } .mb-lg-90 { margin-bottom: 90px !important; } .mb-lg-100 { margin-bottom: 100px !important; } .mb-lg-110 { margin-bottom: 110px !important; } .mb-lg-120 { margin-bottom: 120px !important; } .mb-lg-130 { margin-bottom: 130px !important; } .mb-lg-140 { margin-bottom: 140px !important; } .mb-lg-150 { margin-bottom: 150px !important; } .mb-lg-200 { margin-bottom: 200px !important; } .mb-lg-250 { margin-bottom: 250px !important; } .mb-lg--10 { margin-bottom: -10px !important; } .mb-lg--15 { margin-bottom: -15px !important; } .mb-lg--20 { margin-bottom: -20px !important; } .mb-lg--25 { margin-bottom: -25px !important; } .mb-lg--30 { margin-bottom: -30px !important; } .mb-lg--40 { margin-bottom: -40px !important; } .mb-lg--50 { margin-bottom: -50px !important; } .mb-lg--60 { margin-bottom: -60px !important; } .mb-lg--70 { margin-bottom: -70px !important; } .mb-lg--80 { margin-bottom: -80px !important; } .mb-lg--90 { margin-bottom: -90px !important; } .mb-lg--100 { margin-bottom: -100px !important; } .mr-lg--0 { margin-right: 0px !important; } .mr-lg-10 { margin-right: 10px !important; } .mr-lg-15 { margin-right: 15px !important; } .mr-lg-20 { margin-right: 20px !important; } .mr-lg-25 { margin-right: 25px !important; } .mr-lg-30 { margin-right: 30px !important; } .mr-lg-40 { margin-right: 40px !important; } .mr-lg-50 { margin-right: 50px !important; } .mr-lg-60 { margin-right: 60px !important; } .mr-lg-70 { margin-right: 70px !important; } .mr-lg-80 { margin-right: 80px !important; } .mr-lg-90 { margin-right: 90px !important; } .mr-lg-100 { margin-right: 100px !important; } .mr-lg-110 { margin-right: 110px !important; } .mr-lg-120 { margin-right: 120px !important; } .mr-lg-130 { margin-right: 130px !important; } .mr-lg-140 { margin-right: 140px !important; } .mr-lg-150 { margin-right: 150px !important; } .mr-lg-200 { margin-right: 200px !important; } .mr-lg-250 { margin-right: 250px !important; } .mr-lg--10 { margin-right: -10px !important; } .mr-lg--15 { margin-right: -15px !important; } .mr-lg--20 { margin-right: -20px !important; } .mr-lg--25 { margin-right: -25px !important; } .mr-lg--30 { margin-right: -30px !important; } .mr-lg--40 { margin-right: -40px !important; } .mr-lg--50 { margin-right: -50px !important; } .mr-lg--60 { margin-right: -60px !important; } .mr-lg--70 { margin-right: -70px !important; } .mr-lg--80 { margin-right: -80px !important; } .mr-lg--90 { margin-right: -90px !important; } .mr-lg--100 { margin-right: -100px !important; } .ml-lg--0 { margin-left: 0px !important; } .ml-lg-10 { margin-left: 10px !important; } .ml-lg-15 { margin-left: 15px !important; } .ml-lg-20 { margin-left: 20px !important; } .ml-lg-25 { margin-left: 25px !important; } .ml-lg-30 { margin-left: 30px !important; } .ml-lg-40 { margin-left: 40px !important; } .ml-lg-50 { margin-left: 50px !important; } .ml-lg-60 { margin-left: 60px !important; } .ml-lg-70 { margin-left: 70px !important; } .ml-lg-80 { margin-left: 80px !important; } .ml-lg-90 { margin-left: 90px !important; } .ml-lg-100 { margin-left: 100px !important; } .ml-lg-110 { margin-left: 110px !important; } .ml-lg-120 { margin-left: 120px !important; } .ml-lg-130 { margin-left: 130px !important; } .ml-lg-140 { margin-left: 140px !important; } .ml-lg-150 { margin-left: 150px !important; } .ml-lg-200 { margin-left: 200px !important; } .ml-lg-250 { margin-left: 250px !important; } .ml-lg--10 { margin-left: -10px !important; } .ml-lg--15 { margin-left: -15px !important; } .ml-lg--20 { margin-left: -20px !important; } .ml-lg--25 { margin-left: -25px !important; } .ml-lg--30 { margin-left: -30px !important; } .ml-lg--40 { margin-left: -40px !important; } .ml-lg--50 { margin-left: -50px !important; } .ml-lg--60 { margin-left: -60px !important; } .ml-lg--70 { margin-left: -70px !important; } .ml-lg--80 { margin-left: -80px !important; } .ml-lg--90 { margin-left: -90px !important; } .ml-lg--100 { margin-left: -100px !important; } } @media (max-width: 991.98px) { .m-md--0 { margin: 0px !important; } .m-md-10 { margin: 10px !important; } .m-md-15 { margin: 15px !important; } .m-md-20 { margin: 20px !important; } .m-md-25 { margin: 25px !important; } .m-md-30 { margin: 30px !important; } .m-md-40 { margin: 40px !important; } .m-md-50 { margin: 50px !important; } .m-md-60 { margin: 60px !important; } .m-md-70 { margin: 70px !important; } .m-md-80 { margin: 80px !important; } .m-md-90 { margin: 90px !important; } .m-md-100 { margin: 100px !important; } .m-md-110 { margin: 110px !important; } .m-md-120 { margin: 120px !important; } .m-md-130 { margin: 130px !important; } .m-md-140 { margin: 140px !important; } .m-md-150 { margin: 150px !important; } .m-md-200 { margin: 200px !important; } .m-md-250 { margin: 250px !important; } .m-md--10 { margin: -10px !important; } .m-md--15 { margin: -15px !important; } .m-md--20 { margin: -20px !important; } .m-md--25 { margin: -25px !important; } .m-md--30 { margin: -30px !important; } .m-md--40 { margin: -40px !important; } .m-md--50 { margin: -50px !important; } .m-md--60 { margin: -60px !important; } .m-md--70 { margin: -70px !important; } .m-md--80 { margin: -80px !important; } .m-md--90 { margin: -90px !important; } .m-md--100 { margin: -100px !important; } .mt-md--0 { margin-top: 0px !important; } .mt-md-10 { margin-top: 10px !important; } .mt-md-15 { margin-top: 15px !important; } .mt-md-20 { margin-top: 20px !important; } .mt-md-25 { margin-top: 25px !important; } .mt-md-30 { margin-top: 30px !important; } .mt-md-40 { margin-top: 40px !important; } .mt-md-50 { margin-top: 50px !important; } .mt-md-60 { margin-top: 60px !important; } .mt-md-70 { margin-top: 70px !important; } .mt-md-80 { margin-top: 80px !important; } .mt-md-90 { margin-top: 90px !important; } .mt-md-100 { margin-top: 100px !important; } .mt-md-110 { margin-top: 110px !important; } .mt-md-120 { margin-top: 120px !important; } .mt-md-130 { margin-top: 130px !important; } .mt-md-140 { margin-top: 140px !important; } .mt-md-150 { margin-top: 150px !important; } .mt-md-200 { margin-top: 200px !important; } .mt-md-250 { margin-top: 250px !important; } .mt-md--10 { margin-top: -10px !important; } .mt-md--15 { margin-top: -15px !important; } .mt-md--20 { margin-top: -20px !important; } .mt-md--25 { margin-top: -25px !important; } .mt-md--30 { margin-top: -30px !important; } .mt-md--40 { margin-top: -40px !important; } .mt-md--50 { margin-top: -50px !important; } .mt-md--60 { margin-top: -60px !important; } .mt-md--70 { margin-top: -70px !important; } .mt-md--80 { margin-top: -80px !important; } .mt-md--90 { margin-top: -90px !important; } .mt-md--100 { margin-top: -100px !important; } .mb-md--0 { margin-bottom: 0px !important; } .mb-md-10 { margin-bottom: 10px !important; } .mb-md-15 { margin-bottom: 15px !important; } .mb-md-20 { margin-bottom: 20px !important; } .mb-md-25 { margin-bottom: 25px !important; } .mb-md-30 { margin-bottom: 30px !important; } .mb-md-40 { margin-bottom: 40px !important; } .mb-md-50 { margin-bottom: 50px !important; } .mb-md-60 { margin-bottom: 60px !important; } .mb-md-70 { margin-bottom: 70px !important; } .mb-md-80 { margin-bottom: 80px !important; } .mb-md-90 { margin-bottom: 90px !important; } .mb-md-100 { margin-bottom: 100px !important; } .mb-md-110 { margin-bottom: 110px !important; } .mb-md-120 { margin-bottom: 120px !important; } .mb-md-130 { margin-bottom: 130px !important; } .mb-md-140 { margin-bottom: 140px !important; } .mb-md-150 { margin-bottom: 150px !important; } .mb-md-200 { margin-bottom: 200px !important; } .mb-md-250 { margin-bottom: 250px !important; } .mb-md--10 { margin-bottom: -10px !important; } .mb-md--15 { margin-bottom: -15px !important; } .mb-md--20 { margin-bottom: -20px !important; } .mb-md--25 { margin-bottom: -25px !important; } .mb-md--30 { margin-bottom: -30px !important; } .mb-md--40 { margin-bottom: -40px !important; } .mb-md--50 { margin-bottom: -50px !important; } .mb-md--60 { margin-bottom: -60px !important; } .mb-md--70 { margin-bottom: -70px !important; } .mb-md--80 { margin-bottom: -80px !important; } .mb-md--90 { margin-bottom: -90px !important; } .mb-md--100 { margin-bottom: -100px !important; } .mr-md--0 { margin-right: 0px !important; } .mr-md-10 { margin-right: 10px !important; } .mr-md-15 { margin-right: 15px !important; } .mr-md-20 { margin-right: 20px !important; } .mr-md-25 { margin-right: 25px !important; } .mr-md-30 { margin-right: 30px !important; } .mr-md-40 { margin-right: 40px !important; } .mr-md-50 { margin-right: 50px !important; } .mr-md-60 { margin-right: 60px !important; } .mr-md-70 { margin-right: 70px !important; } .mr-md-80 { margin-right: 80px !important; } .mr-md-90 { margin-right: 90px !important; } .mr-md-100 { margin-right: 100px !important; } .mr-md-110 { margin-right: 110px !important; } .mr-md-120 { margin-right: 120px !important; } .mr-md-130 { margin-right: 130px !important; } .mr-md-140 { margin-right: 140px !important; } .mr-md-150 { margin-right: 150px !important; } .mr-md-200 { margin-right: 200px !important; } .mr-md-250 { margin-right: 250px !important; } .mr-md--10 { margin-right: -10px !important; } .mr-md--15 { margin-right: -15px !important; } .mr-md--20 { margin-right: -20px !important; } .mr-md--25 { margin-right: -25px !important; } .mr-md--30 { margin-right: -30px !important; } .mr-md--40 { margin-right: -40px !important; } .mr-md--50 { margin-right: -50px !important; } .mr-md--60 { margin-right: -60px !important; } .mr-md--70 { margin-right: -70px !important; } .mr-md--80 { margin-right: -80px !important; } .mr-md--90 { margin-right: -90px !important; } .mr-md--100 { margin-right: -100px !important; } .ml-md--0 { margin-left: 0px !important; } .ml-md-10 { margin-left: 10px !important; } .ml-md-15 { margin-left: 15px !important; } .ml-md-20 { margin-left: 20px !important; } .ml-md-25 { margin-left: 25px !important; } .ml-md-30 { margin-left: 30px !important; } .ml-md-40 { margin-left: 40px !important; } .ml-md-50 { margin-left: 50px !important; } .ml-md-60 { margin-left: 60px !important; } .ml-md-70 { margin-left: 70px !important; } .ml-md-80 { margin-left: 80px !important; } .ml-md-90 { margin-left: 90px !important; } .ml-md-100 { margin-left: 100px !important; } .ml-md-110 { margin-left: 110px !important; } .ml-md-120 { margin-left: 120px !important; } .ml-md-130 { margin-left: 130px !important; } .ml-md-140 { margin-left: 140px !important; } .ml-md-150 { margin-left: 150px !important; } .ml-md-200 { margin-left: 200px !important; } .ml-md-250 { margin-left: 250px !important; } .ml-md--10 { margin-left: -10px !important; } .ml-md--15 { margin-left: -15px !important; } .ml-md--20 { margin-left: -20px !important; } .ml-md--25 { margin-left: -25px !important; } .ml-md--30 { margin-left: -30px !important; } .ml-md--40 { margin-left: -40px !important; } .ml-md--50 { margin-left: -50px !important; } .ml-md--60 { margin-left: -60px !important; } .ml-md--70 { margin-left: -70px !important; } .ml-md--80 { margin-left: -80px !important; } .ml-md--90 { margin-left: -90px !important; } .ml-md--100 { margin-left: -100px !important; } } @media (max-width: 767.98px) { .m-sm--0 { margin: 0px !important; } .m-sm-10 { margin: 10px !important; } .m-sm-15 { margin: 15px !important; } .m-sm-20 { margin: 20px !important; } .m-sm-25 { margin: 25px !important; } .m-sm-30 { margin: 30px !important; } .m-sm-40 { margin: 40px !important; } .m-sm-50 { margin: 50px !important; } .m-sm-60 { margin: 60px !important; } .m-sm-70 { margin: 70px !important; } .m-sm-80 { margin: 80px !important; } .m-sm-90 { margin: 90px !important; } .m-sm-100 { margin: 100px !important; } .m-sm-110 { margin: 110px !important; } .m-sm-120 { margin: 120px !important; } .m-sm-130 { margin: 130px !important; } .m-sm-140 { margin: 140px !important; } .m-sm-150 { margin: 150px !important; } .m-sm-200 { margin: 200px !important; } .m-sm-250 { margin: 250px !important; } .m-sm--10 { margin: -10px !important; } .m-sm--15 { margin: -15px !important; } .m-sm--20 { margin: -20px !important; } .m-sm--25 { margin: -25px !important; } .m-sm--30 { margin: -30px !important; } .m-sm--40 { margin: -40px !important; } .m-sm--50 { margin: -50px !important; } .m-sm--60 { margin: -60px !important; } .m-sm--70 { margin: -70px !important; } .m-sm--80 { margin: -80px !important; } .m-sm--90 { margin: -90px !important; } .m-sm--100 { margin: -100px !important; } .mt-sm--0 { margin-top: 0px !important; } .mt-sm-10 { margin-top: 10px !important; } .mt-sm-15 { margin-top: 15px !important; } .mt-sm-20 { margin-top: 20px !important; } .mt-sm-25 { margin-top: 25px !important; } .mt-sm-30 { margin-top: 30px !important; } .mt-sm-40 { margin-top: 40px !important; } .mt-sm-50 { margin-top: 50px !important; } .mt-sm-60 { margin-top: 60px !important; } .mt-sm-70 { margin-top: 70px !important; } .mt-sm-80 { margin-top: 80px !important; } .mt-sm-90 { margin-top: 90px !important; } .mt-sm-100 { margin-top: 100px !important; } .mt-sm-110 { margin-top: 110px !important; } .mt-sm-120 { margin-top: 120px !important; } .mt-sm-130 { margin-top: 130px !important; } .mt-sm-140 { margin-top: 140px !important; } .mt-sm-150 { margin-top: 150px !important; } .mt-sm-200 { margin-top: 200px !important; } .mt-sm-250 { margin-top: 250px !important; } .mt-sm--10 { margin-top: -10px !important; } .mt-sm--15 { margin-top: -15px !important; } .mt-sm--20 { margin-top: -20px !important; } .mt-sm--25 { margin-top: -25px !important; } .mt-sm--30 { margin-top: -30px !important; } .mt-sm--40 { margin-top: -40px !important; } .mt-sm--50 { margin-top: -50px !important; } .mt-sm--60 { margin-top: -60px !important; } .mt-sm--70 { margin-top: -70px !important; } .mt-sm--80 { margin-top: -80px !important; } .mt-sm--90 { margin-top: -90px !important; } .mt-sm--100 { margin-top: -100px !important; } .mb-sm--0 { margin-bottom: 0px !important; } .mb-sm-10 { margin-bottom: 10px !important; } .mb-sm-15 { margin-bottom: 15px !important; } .mb-sm-20 { margin-bottom: 20px !important; } .mb-sm-25 { margin-bottom: 25px !important; } .mb-sm-30 { margin-bottom: 30px !important; } .mb-sm-40 { margin-bottom: 40px !important; } .mb-sm-50 { margin-bottom: 50px !important; } .mb-sm-60 { margin-bottom: 60px !important; } .mb-sm-70 { margin-bottom: 70px !important; } .mb-sm-80 { margin-bottom: 80px !important; } .mb-sm-90 { margin-bottom: 90px !important; } .mb-sm-100 { margin-bottom: 100px !important; } .mb-sm-110 { margin-bottom: 110px !important; } .mb-sm-120 { margin-bottom: 120px !important; } .mb-sm-130 { margin-bottom: 130px !important; } .mb-sm-140 { margin-bottom: 140px !important; } .mb-sm-150 { margin-bottom: 150px !important; } .mb-sm-200 { margin-bottom: 200px !important; } .mb-sm-250 { margin-bottom: 250px !important; } .mb-sm--10 { margin-bottom: -10px !important; } .mb-sm--15 { margin-bottom: -15px !important; } .mb-sm--20 { margin-bottom: -20px !important; } .mb-sm--25 { margin-bottom: -25px !important; } .mb-sm--30 { margin-bottom: -30px !important; } .mb-sm--40 { margin-bottom: -40px !important; } .mb-sm--50 { margin-bottom: -50px !important; } .mb-sm--60 { margin-bottom: -60px !important; } .mb-sm--70 { margin-bottom: -70px !important; } .mb-sm--80 { margin-bottom: -80px !important; } .mb-sm--90 { margin-bottom: -90px !important; } .mb-sm--100 { margin-bottom: -100px !important; } .mr-sm--0 { margin-right: 0px !important; } .mr-sm-10 { margin-right: 10px !important; } .mr-sm-15 { margin-right: 15px !important; } .mr-sm-20 { margin-right: 20px !important; } .mr-sm-25 { margin-right: 25px !important; } .mr-sm-30 { margin-right: 30px !important; } .mr-sm-40 { margin-right: 40px !important; } .mr-sm-50 { margin-right: 50px !important; } .mr-sm-60 { margin-right: 60px !important; } .mr-sm-70 { margin-right: 70px !important; } .mr-sm-80 { margin-right: 80px !important; } .mr-sm-90 { margin-right: 90px !important; } .mr-sm-100 { margin-right: 100px !important; } .mr-sm-110 { margin-right: 110px !important; } .mr-sm-120 { margin-right: 120px !important; } .mr-sm-130 { margin-right: 130px !important; } .mr-sm-140 { margin-right: 140px !important; } .mr-sm-150 { margin-right: 150px !important; } .mr-sm-200 { margin-right: 200px !important; } .mr-sm-250 { margin-right: 250px !important; } .mr-sm--10 { margin-right: -10px !important; } .mr-sm--15 { margin-right: -15px !important; } .mr-sm--20 { margin-right: -20px !important; } .mr-sm--25 { margin-right: -25px !important; } .mr-sm--30 { margin-right: -30px !important; } .mr-sm--40 { margin-right: -40px !important; } .mr-sm--50 { margin-right: -50px !important; } .mr-sm--60 { margin-right: -60px !important; } .mr-sm--70 { margin-right: -70px !important; } .mr-sm--80 { margin-right: -80px !important; } .mr-sm--90 { margin-right: -90px !important; } .mr-sm--100 { margin-right: -100px !important; } .ml-sm--0 { margin-left: 0px !important; } .ml-sm-10 { margin-left: 10px !important; } .ml-sm-15 { margin-left: 15px !important; } .ml-sm-20 { margin-left: 20px !important; } .ml-sm-25 { margin-left: 25px !important; } .ml-sm-30 { margin-left: 30px !important; } .ml-sm-40 { margin-left: 40px !important; } .ml-sm-50 { margin-left: 50px !important; } .ml-sm-60 { margin-left: 60px !important; } .ml-sm-70 { margin-left: 70px !important; } .ml-sm-80 { margin-left: 80px !important; } .ml-sm-90 { margin-left: 90px !important; } .ml-sm-100 { margin-left: 100px !important; } .ml-sm-110 { margin-left: 110px !important; } .ml-sm-120 { margin-left: 120px !important; } .ml-sm-130 { margin-left: 130px !important; } .ml-sm-140 { margin-left: 140px !important; } .ml-sm-150 { margin-left: 150px !important; } .ml-sm-200 { margin-left: 200px !important; } .ml-sm-250 { margin-left: 250px !important; } .ml-sm--10 { margin-left: -10px !important; } .ml-sm--15 { margin-left: -15px !important; } .ml-sm--20 { margin-left: -20px !important; } .ml-sm--25 { margin-left: -25px !important; } .ml-sm--30 { margin-left: -30px !important; } .ml-sm--40 { margin-left: -40px !important; } .ml-sm--50 { margin-left: -50px !important; } .ml-sm--60 { margin-left: -60px !important; } .ml-sm--70 { margin-left: -70px !important; } .ml-sm--80 { margin-left: -80px !important; } .ml-sm--90 { margin-left: -90px !important; } .ml-sm--100 { margin-left: -100px !important; } } @media (max-width: 575.98px) { .m-xs--0 { margin: 0px !important; } .m-xs-10 { margin: 10px !important; } .m-xs-15 { margin: 15px !important; } .m-xs-20 { margin: 20px !important; } .m-xs-25 { margin: 25px !important; } .m-xs-30 { margin: 30px !important; } .m-xs-40 { margin: 40px !important; } .m-xs-50 { margin: 50px !important; } .m-xs-60 { margin: 60px !important; } .m-xs-70 { margin: 70px !important; } .m-xs-80 { margin: 80px !important; } .m-xs-90 { margin: 90px !important; } .m-xs-100 { margin: 100px !important; } .m-xs-110 { margin: 110px !important; } .m-xs-120 { margin: 120px !important; } .m-xs-130 { margin: 130px !important; } .m-xs-140 { margin: 140px !important; } .m-xs-150 { margin: 150px !important; } .m-xs-200 { margin: 200px !important; } .m-xs-250 { margin: 250px !important; } .m-xs--10 { margin: -10px !important; } .m-xs--15 { margin: -15px !important; } .m-xs--20 { margin: -20px !important; } .m-xs--25 { margin: -25px !important; } .m-xs--30 { margin: -30px !important; } .m-xs--40 { margin: -40px !important; } .m-xs--50 { margin: -50px !important; } .m-xs--60 { margin: -60px !important; } .m-xs--70 { margin: -70px !important; } .m-xs--80 { margin: -80px !important; } .m-xs--90 { margin: -90px !important; } .m-xs--100 { margin: -100px !important; } .mt-xs--0 { margin-top: 0px !important; } .mt-xs-10 { margin-top: 10px !important; } .mt-xs-15 { margin-top: 15px !important; } .mt-xs-20 { margin-top: 20px !important; } .mt-xs-25 { margin-top: 25px !important; } .mt-xs-30 { margin-top: 30px !important; } .mt-xs-40 { margin-top: 40px !important; } .mt-xs-50 { margin-top: 50px !important; } .mt-xs-60 { margin-top: 60px !important; } .mt-xs-70 { margin-top: 70px !important; } .mt-xs-80 { margin-top: 80px !important; } .mt-xs-90 { margin-top: 90px !important; } .mt-xs-100 { margin-top: 100px !important; } .mt-xs-110 { margin-top: 110px !important; } .mt-xs-120 { margin-top: 120px !important; } .mt-xs-130 { margin-top: 130px !important; } .mt-xs-140 { margin-top: 140px !important; } .mt-xs-150 { margin-top: 150px !important; } .mt-xs-200 { margin-top: 200px !important; } .mt-xs-250 { margin-top: 250px !important; } .mt-xs--10 { margin-top: -10px !important; } .mt-xs--15 { margin-top: -15px !important; } .mt-xs--20 { margin-top: -20px !important; } .mt-xs--25 { margin-top: -25px !important; } .mt-xs--30 { margin-top: -30px !important; } .mt-xs--40 { margin-top: -40px !important; } .mt-xs--50 { margin-top: -50px !important; } .mt-xs--60 { margin-top: -60px !important; } .mt-xs--70 { margin-top: -70px !important; } .mt-xs--80 { margin-top: -80px !important; } .mt-xs--90 { margin-top: -90px !important; } .mt-xs--100 { margin-top: -100px !important; } .mb-xs--0 { margin-bottom: 0px !important; } .mb-xs-10 { margin-bottom: 10px !important; } .mb-xs-15 { margin-bottom: 15px !important; } .mb-xs-20 { margin-bottom: 20px !important; } .mb-xs-25 { margin-bottom: 25px !important; } .mb-xs-30 { margin-bottom: 30px !important; } .mb-xs-40 { margin-bottom: 40px !important; } .mb-xs-50 { margin-bottom: 50px !important; } .mb-xs-60 { margin-bottom: 60px !important; } .mb-xs-70 { margin-bottom: 70px !important; } .mb-xs-80 { margin-bottom: 80px !important; } .mb-xs-90 { margin-bottom: 90px !important; } .mb-xs-100 { margin-bottom: 100px !important; } .mb-xs-110 { margin-bottom: 110px !important; } .mb-xs-120 { margin-bottom: 120px !important; } .mb-xs-130 { margin-bottom: 130px !important; } .mb-xs-140 { margin-bottom: 140px !important; } .mb-xs-150 { margin-bottom: 150px !important; } .mb-xs-200 { margin-bottom: 200px !important; } .mb-xs-250 { margin-bottom: 250px !important; } .mb-xs--10 { margin-bottom: -10px !important; } .mb-xs--15 { margin-bottom: -15px !important; } .mb-xs--20 { margin-bottom: -20px !important; } .mb-xs--25 { margin-bottom: -25px !important; } .mb-xs--30 { margin-bottom: -30px !important; } .mb-xs--40 { margin-bottom: -40px !important; } .mb-xs--50 { margin-bottom: -50px !important; } .mb-xs--60 { margin-bottom: -60px !important; } .mb-xs--70 { margin-bottom: -70px !important; } .mb-xs--80 { margin-bottom: -80px !important; } .mb-xs--90 { margin-bottom: -90px !important; } .mb-xs--100 { margin-bottom: -100px !important; } .mr-xs--0 { margin-right: 0px !important; } .mr-xs-10 { margin-right: 10px !important; } .mr-xs-15 { margin-right: 15px !important; } .mr-xs-20 { margin-right: 20px !important; } .mr-xs-25 { margin-right: 25px !important; } .mr-xs-30 { margin-right: 30px !important; } .mr-xs-40 { margin-right: 40px !important; } .mr-xs-50 { margin-right: 50px !important; } .mr-xs-60 { margin-right: 60px !important; } .mr-xs-70 { margin-right: 70px !important; } .mr-xs-80 { margin-right: 80px !important; } .mr-xs-90 { margin-right: 90px !important; } .mr-xs-100 { margin-right: 100px !important; } .mr-xs-110 { margin-right: 110px !important; } .mr-xs-120 { margin-right: 120px !important; } .mr-xs-130 { margin-right: 130px !important; } .mr-xs-140 { margin-right: 140px !important; } .mr-xs-150 { margin-right: 150px !important; } .mr-xs-200 { margin-right: 200px !important; } .mr-xs-250 { margin-right: 250px !important; } .mr-xs--10 { margin-right: -10px !important; } .mr-xs--15 { margin-right: -15px !important; } .mr-xs--20 { margin-right: -20px !important; } .mr-xs--25 { margin-right: -25px !important; } .mr-xs--30 { margin-right: -30px !important; } .mr-xs--40 { margin-right: -40px !important; } .mr-xs--50 { margin-right: -50px !important; } .mr-xs--60 { margin-right: -60px !important; } .mr-xs--70 { margin-right: -70px !important; } .mr-xs--80 { margin-right: -80px !important; } .mr-xs--90 { margin-right: -90px !important; } .mr-xs--100 { margin-right: -100px !important; } .ml-xs--0 { margin-left: 0px !important; } .ml-xs-10 { margin-left: 10px !important; } .ml-xs-15 { margin-left: 15px !important; } .ml-xs-20 { margin-left: 20px !important; } .ml-xs-25 { margin-left: 25px !important; } .ml-xs-30 { margin-left: 30px !important; } .ml-xs-40 { margin-left: 40px !important; } .ml-xs-50 { margin-left: 50px !important; } .ml-xs-60 { margin-left: 60px !important; } .ml-xs-70 { margin-left: 70px !important; } .ml-xs-80 { margin-left: 80px !important; } .ml-xs-90 { margin-left: 90px !important; } .ml-xs-100 { margin-left: 100px !important; } .ml-xs-110 { margin-left: 110px !important; } .ml-xs-120 { margin-left: 120px !important; } .ml-xs-130 { margin-left: 130px !important; } .ml-xs-140 { margin-left: 140px !important; } .ml-xs-150 { margin-left: 150px !important; } .ml-xs-200 { margin-left: 200px !important; } .ml-xs-250 { margin-left: 250px !important; } .ml-xs--10 { margin-left: -10px !important; } .ml-xs--15 { margin-left: -15px !important; } .ml-xs--20 { margin-left: -20px !important; } .ml-xs--25 { margin-left: -25px !important; } .ml-xs--30 { margin-left: -30px !important; } .ml-xs--40 { margin-left: -40px !important; } .ml-xs--50 { margin-left: -50px !important; } .ml-xs--60 { margin-left: -60px !important; } .ml-xs--70 { margin-left: -70px !important; } .ml-xs--80 { margin-left: -80px !important; } .ml-xs--90 { margin-left: -90px !important; } .ml-xs--100 { margin-left: -100px !important; } } /* Padding */ .p--0 { padding: 0px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-25 { padding: 25px !important; } .p-30 { padding: 30px !important; } .p-40 { padding: 40px !important; } .p-50 { padding: 50px !important; } .p-60 { padding: 60px !important; } .p-70 { padding: 70px !important; } .p-80 { padding: 80px !important; } .p-90 { padding: 90px !important; } .p-100 { padding: 100px !important; } .p-110 { padding: 110px !important; } .p-120 { padding: 120px !important; } .p-130 { padding: 130px !important; } .p-140 { padding: 140px !important; } .p-150 { padding: 150px !important; } .p-200 { padding: 200px !important; } .p-250 { padding: 250px !important; } .p--10 { padding: -10px !important; } .p--15 { padding: -15px !important; } .p--20 { padding: -20px !important; } .p--25 { padding: -25px !important; } .p--30 { padding: -30px !important; } .p--40 { padding: -40px !important; } .p--50 { padding: -50px !important; } .p--60 { padding: -60px !important; } .p--70 { padding: -70px !important; } .p--80 { padding: -80px !important; } .p--90 { padding: -90px !important; } .p--100 { padding: -100px !important; } .pt--0 { padding-top: 0px !important; } .pt-10 { padding-top: 10px !important; } .pt-15 { padding-top: 15px !important; } .pt-20 { padding-top: 20px !important; } .pt-25 { padding-top: 25px !important; } .pt-30 { padding-top: 30px !important; } .pt-40 { padding-top: 40px !important; } .pt-50 { padding-top: 50px !important; } .pt-60 { padding-top: 60px !important; } .pt-70 { padding-top: 70px !important; } .pt-80 { padding-top: 80px !important; } .pt-90 { padding-top: 90px !important; } .pt-100 { padding-top: 100px !important; } .pt-110 { padding-top: 110px !important; } .pt-120 { padding-top: 120px !important; } .pt-130 { padding-top: 130px !important; } .pt-140 { padding-top: 140px !important; } .pt-150 { padding-top: 150px !important; } .pt-200 { padding-top: 200px !important; } .pt-250 { padding-top: 250px !important; } .pt--10 { padding-top: -10px !important; } .pt--15 { padding-top: -15px !important; } .pt--20 { padding-top: -20px !important; } .pt--25 { padding-top: -25px !important; } .pt--30 { padding-top: -30px !important; } .pt--40 { padding-top: -40px !important; } .pt--50 { padding-top: -50px !important; } .pt--60 { padding-top: -60px !important; } .pt--70 { padding-top: -70px !important; } .pt--80 { padding-top: -80px !important; } .pt--90 { padding-top: -90px !important; } .pt--100 { padding-top: -100px !important; } .pb--0 { padding-bottom: 0px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-25 { padding-bottom: 25px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-90 { padding-bottom: 90px !important; } .pb-100 { padding-bottom: 100px !important; } .pb-110 { padding-bottom: 110px !important; } .pb-120 { padding-bottom: 120px !important; } .pb-130 { padding-bottom: 130px !important; } .pb-140 { padding-bottom: 140px !important; } .pb-150 { padding-bottom: 150px !important; } .pb-200 { padding-bottom: 200px !important; } .pb-250 { padding-bottom: 250px !important; } .pb--10 { padding-bottom: -10px !important; } .pb--15 { padding-bottom: -15px !important; } .pb--20 { padding-bottom: -20px !important; } .pb--25 { padding-bottom: -25px !important; } .pb--30 { padding-bottom: -30px !important; } .pb--40 { padding-bottom: -40px !important; } .pb--50 { padding-bottom: -50px !important; } .pb--60 { padding-bottom: -60px !important; } .pb--70 { padding-bottom: -70px !important; } .pb--80 { padding-bottom: -80px !important; } .pb--90 { padding-bottom: -90px !important; } .pb--100 { padding-bottom: -100px !important; } .pr--0 { padding-right: 0px !important; } .pr-10 { padding-right: 10px !important; } .pr-15 { padding-right: 15px !important; } .pr-20 { padding-right: 20px !important; } .pr-25 { padding-right: 25px !important; } .pr-30 { padding-right: 30px !important; } .pr-40 { padding-right: 40px !important; } .pr-50 { padding-right: 50px !important; } .pr-60 { padding-right: 60px !important; } .pr-70 { padding-right: 70px !important; } .pr-80 { padding-right: 80px !important; } .pr-90 { padding-right: 90px !important; } .pr-100 { padding-right: 100px !important; } .pr-110 { padding-right: 110px !important; } .pr-120 { padding-right: 120px !important; } .pr-130 { padding-right: 130px !important; } .pr-140 { padding-right: 140px !important; } .pr-150 { padding-right: 150px !important; } .pr-200 { padding-right: 200px !important; } .pr-250 { padding-right: 250px !important; } .pr--10 { padding-right: -10px !important; } .pr--15 { padding-right: -15px !important; } .pr--20 { padding-right: -20px !important; } .pr--25 { padding-right: -25px !important; } .pr--30 { padding-right: -30px !important; } .pr--40 { padding-right: -40px !important; } .pr--50 { padding-right: -50px !important; } .pr--60 { padding-right: -60px !important; } .pr--70 { padding-right: -70px !important; } .pr--80 { padding-right: -80px !important; } .pr--90 { padding-right: -90px !important; } .pr--100 { padding-right: -100px !important; } .pl--0 { padding-left: 0px !important; } .pl-10 { padding-left: 10px !important; } .pl-15 { padding-left: 15px !important; } .pl-20 { padding-left: 20px !important; } .pl-25 { padding-left: 25px !important; } .pl-30 { padding-left: 30px !important; } .pl-40 { padding-left: 40px !important; } .pl-50 { padding-left: 50px !important; } .pl-60 { padding-left: 60px !important; } .pl-70 { padding-left: 70px !important; } .pl-80 { padding-left: 80px !important; } .pl-90 { padding-left: 90px !important; } .pl-100 { padding-left: 100px !important; } .pl-110 { padding-left: 110px !important; } .pl-120 { padding-left: 120px !important; } .pl-130 { padding-left: 130px !important; } .pl-140 { padding-left: 140px !important; } .pl-150 { padding-left: 150px !important; } .pl-200 { padding-left: 200px !important; } .pl-250 { padding-left: 250px !important; } .pl--10 { padding-left: -10px !important; } .pl--15 { padding-left: -15px !important; } .pl--20 { padding-left: -20px !important; } .pl--25 { padding-left: -25px !important; } .pl--30 { padding-left: -30px !important; } .pl--40 { padding-left: -40px !important; } .pl--50 { padding-left: -50px !important; } .pl--60 { padding-left: -60px !important; } .pl--70 { padding-left: -70px !important; } .pl--80 { padding-left: -80px !important; } .pl--90 { padding-left: -90px !important; } .pl--100 { padding-left: -100px !important; } @media (max-width: 1199.98px) { .p-lg--0 { padding: 0px !important; } .p-lg-10 { padding: 10px !important; } .p-lg-15 { padding: 15px !important; } .p-lg-20 { padding: 20px !important; } .p-lg-25 { padding: 25px !important; } .p-lg-30 { padding: 30px !important; } .p-lg-40 { padding: 40px !important; } .p-lg-50 { padding: 50px !important; } .p-lg-60 { padding: 60px !important; } .p-lg-70 { padding: 70px !important; } .p-lg-80 { padding: 80px !important; } .p-lg-90 { padding: 90px !important; } .p-lg-100 { padding: 100px !important; } .p-lg-110 { padding: 110px !important; } .p-lg-120 { padding: 120px !important; } .p-lg-130 { padding: 130px !important; } .p-lg-140 { padding: 140px !important; } .p-lg-150 { padding: 150px !important; } .p-lg-200 { padding: 200px !important; } .p-lg-250 { padding: 250px !important; } .p-lg--10 { padding: -10px !important; } .p-lg--15 { padding: -15px !important; } .p-lg--20 { padding: -20px !important; } .p-lg--25 { padding: -25px !important; } .p-lg--30 { padding: -30px !important; } .p-lg--40 { padding: -40px !important; } .p-lg--50 { padding: -50px !important; } .p-lg--60 { padding: -60px !important; } .p-lg--70 { padding: -70px !important; } .p-lg--80 { padding: -80px !important; } .p-lg--90 { padding: -90px !important; } .p-lg--100 { padding: -100px !important; } .pt-lg--0 { padding-top: 0px !important; } .pt-lg-10 { padding-top: 10px !important; } .pt-lg-15 { padding-top: 15px !important; } .pt-lg-20 { padding-top: 20px !important; } .pt-lg-25 { padding-top: 25px !important; } .pt-lg-30 { padding-top: 30px !important; } .pt-lg-40 { padding-top: 40px !important; } .pt-lg-50 { padding-top: 50px !important; } .pt-lg-60 { padding-top: 60px !important; } .pt-lg-70 { padding-top: 70px !important; } .pt-lg-80 { padding-top: 80px !important; } .pt-lg-90 { padding-top: 90px !important; } .pt-lg-100 { padding-top: 100px !important; } .pt-lg-110 { padding-top: 110px !important; } .pt-lg-120 { padding-top: 120px !important; } .pt-lg-130 { padding-top: 130px !important; } .pt-lg-140 { padding-top: 140px !important; } .pt-lg-150 { padding-top: 150px !important; } .pt-lg-200 { padding-top: 200px !important; } .pt-lg-250 { padding-top: 250px !important; } .pt-lg--10 { padding-top: -10px !important; } .pt-lg--15 { padding-top: -15px !important; } .pt-lg--20 { padding-top: -20px !important; } .pt-lg--25 { padding-top: -25px !important; } .pt-lg--30 { padding-top: -30px !important; } .pt-lg--40 { padding-top: -40px !important; } .pt-lg--50 { padding-top: -50px !important; } .pt-lg--60 { padding-top: -60px !important; } .pt-lg--70 { padding-top: -70px !important; } .pt-lg--80 { padding-top: -80px !important; } .pt-lg--90 { padding-top: -90px !important; } .pt-lg--100 { padding-top: -100px !important; } .pb-lg--0 { padding-bottom: 0px !important; } .pb-lg-10 { padding-bottom: 10px !important; } .pb-lg-15 { padding-bottom: 15px !important; } .pb-lg-20 { padding-bottom: 20px !important; } .pb-lg-25 { padding-bottom: 25px !important; } .pb-lg-30 { padding-bottom: 30px !important; } .pb-lg-40 { padding-bottom: 40px !important; } .pb-lg-50 { padding-bottom: 50px !important; } .pb-lg-60 { padding-bottom: 60px !important; } .pb-lg-70 { padding-bottom: 70px !important; } .pb-lg-80 { padding-bottom: 80px !important; } .pb-lg-90 { padding-bottom: 90px !important; } .pb-lg-100 { padding-bottom: 100px !important; } .pb-lg-110 { padding-bottom: 110px !important; } .pb-lg-120 { padding-bottom: 120px !important; } .pb-lg-130 { padding-bottom: 130px !important; } .pb-lg-140 { padding-bottom: 140px !important; } .pb-lg-150 { padding-bottom: 150px !important; } .pb-lg-200 { padding-bottom: 200px !important; } .pb-lg-250 { padding-bottom: 250px !important; } .pb-lg--10 { padding-bottom: -10px !important; } .pb-lg--15 { padding-bottom: -15px !important; } .pb-lg--20 { padding-bottom: -20px !important; } .pb-lg--25 { padding-bottom: -25px !important; } .pb-lg--30 { padding-bottom: -30px !important; } .pb-lg--40 { padding-bottom: -40px !important; } .pb-lg--50 { padding-bottom: -50px !important; } .pb-lg--60 { padding-bottom: -60px !important; } .pb-lg--70 { padding-bottom: -70px !important; } .pb-lg--80 { padding-bottom: -80px !important; } .pb-lg--90 { padding-bottom: -90px !important; } .pb-lg--100 { padding-bottom: -100px !important; } .pr-lg--0 { padding-right: 0px !important; } .pr-lg-10 { padding-right: 10px !important; } .pr-lg-15 { padding-right: 15px !important; } .pr-lg-20 { padding-right: 20px !important; } .pr-lg-25 { padding-right: 25px !important; } .pr-lg-30 { padding-right: 30px !important; } .pr-lg-40 { padding-right: 40px !important; } .pr-lg-50 { padding-right: 50px !important; } .pr-lg-60 { padding-right: 60px !important; } .pr-lg-70 { padding-right: 70px !important; } .pr-lg-80 { padding-right: 80px !important; } .pr-lg-90 { padding-right: 90px !important; } .pr-lg-100 { padding-right: 100px !important; } .pr-lg-110 { padding-right: 110px !important; } .pr-lg-120 { padding-right: 120px !important; } .pr-lg-130 { padding-right: 130px !important; } .pr-lg-140 { padding-right: 140px !important; } .pr-lg-150 { padding-right: 150px !important; } .pr-lg-200 { padding-right: 200px !important; } .pr-lg-250 { padding-right: 250px !important; } .pr-lg--10 { padding-right: -10px !important; } .pr-lg--15 { padding-right: -15px !important; } .pr-lg--20 { padding-right: -20px !important; } .pr-lg--25 { padding-right: -25px !important; } .pr-lg--30 { padding-right: -30px !important; } .pr-lg--40 { padding-right: -40px !important; } .pr-lg--50 { padding-right: -50px !important; } .pr-lg--60 { padding-right: -60px !important; } .pr-lg--70 { padding-right: -70px !important; } .pr-lg--80 { padding-right: -80px !important; } .pr-lg--90 { padding-right: -90px !important; } .pr-lg--100 { padding-right: -100px !important; } .pl-lg--0 { padding-left: 0px !important; } .pl-lg-10 { padding-left: 10px !important; } .pl-lg-15 { padding-left: 15px !important; } .pl-lg-20 { padding-left: 20px !important; } .pl-lg-25 { padding-left: 25px !important; } .pl-lg-30 { padding-left: 30px !important; } .pl-lg-40 { padding-left: 40px !important; } .pl-lg-50 { padding-left: 50px !important; } .pl-lg-60 { padding-left: 60px !important; } .pl-lg-70 { padding-left: 70px !important; } .pl-lg-80 { padding-left: 80px !important; } .pl-lg-90 { padding-left: 90px !important; } .pl-lg-100 { padding-left: 100px !important; } .pl-lg-110 { padding-left: 110px !important; } .pl-lg-120 { padding-left: 120px !important; } .pl-lg-130 { padding-left: 130px !important; } .pl-lg-140 { padding-left: 140px !important; } .pl-lg-150 { padding-left: 150px !important; } .pl-lg-200 { padding-left: 200px !important; } .pl-lg-250 { padding-left: 250px !important; } .pl-lg--10 { padding-left: -10px !important; } .pl-lg--15 { padding-left: -15px !important; } .pl-lg--20 { padding-left: -20px !important; } .pl-lg--25 { padding-left: -25px !important; } .pl-lg--30 { padding-left: -30px !important; } .pl-lg--40 { padding-left: -40px !important; } .pl-lg--50 { padding-left: -50px !important; } .pl-lg--60 { padding-left: -60px !important; } .pl-lg--70 { padding-left: -70px !important; } .pl-lg--80 { padding-left: -80px !important; } .pl-lg--90 { padding-left: -90px !important; } .pl-lg--100 { padding-left: -100px !important; } } @media (max-width: 991.98px) { .p-md--0 { padding: 0px !important; } .p-md-10 { padding: 10px !important; } .p-md-15 { padding: 15px !important; } .p-md-20 { padding: 20px !important; } .p-md-25 { padding: 25px !important; } .p-md-30 { padding: 30px !important; } .p-md-40 { padding: 40px !important; } .p-md-50 { padding: 50px !important; } .p-md-60 { padding: 60px !important; } .p-md-70 { padding: 70px !important; } .p-md-80 { padding: 80px !important; } .p-md-90 { padding: 90px !important; } .p-md-100 { padding: 100px !important; } .p-md-110 { padding: 110px !important; } .p-md-120 { padding: 120px !important; } .p-md-130 { padding: 130px !important; } .p-md-140 { padding: 140px !important; } .p-md-150 { padding: 150px !important; } .p-md-200 { padding: 200px !important; } .p-md-250 { padding: 250px !important; } .p-md--10 { padding: -10px !important; } .p-md--15 { padding: -15px !important; } .p-md--20 { padding: -20px !important; } .p-md--25 { padding: -25px !important; } .p-md--30 { padding: -30px !important; } .p-md--40 { padding: -40px !important; } .p-md--50 { padding: -50px !important; } .p-md--60 { padding: -60px !important; } .p-md--70 { padding: -70px !important; } .p-md--80 { padding: -80px !important; } .p-md--90 { padding: -90px !important; } .p-md--100 { padding: -100px !important; } .pt-md--0 { padding-top: 0px !important; } .pt-md-10 { padding-top: 10px !important; } .pt-md-15 { padding-top: 15px !important; } .pt-md-20 { padding-top: 20px !important; } .pt-md-25 { padding-top: 25px !important; } .pt-md-30 { padding-top: 30px !important; } .pt-md-40 { padding-top: 40px !important; } .pt-md-50 { padding-top: 50px !important; } .pt-md-60 { padding-top: 60px !important; } .pt-md-70 { padding-top: 70px !important; } .pt-md-80 { padding-top: 80px !important; } .pt-md-90 { padding-top: 90px !important; } .pt-md-100 { padding-top: 100px !important; } .pt-md-110 { padding-top: 110px !important; } .pt-md-120 { padding-top: 120px !important; } .pt-md-130 { padding-top: 130px !important; } .pt-md-140 { padding-top: 140px !important; } .pt-md-150 { padding-top: 150px !important; } .pt-md-200 { padding-top: 200px !important; } .pt-md-250 { padding-top: 250px !important; } .pt-md--10 { padding-top: -10px !important; } .pt-md--15 { padding-top: -15px !important; } .pt-md--20 { padding-top: -20px !important; } .pt-md--25 { padding-top: -25px !important; } .pt-md--30 { padding-top: -30px !important; } .pt-md--40 { padding-top: -40px !important; } .pt-md--50 { padding-top: -50px !important; } .pt-md--60 { padding-top: -60px !important; } .pt-md--70 { padding-top: -70px !important; } .pt-md--80 { padding-top: -80px !important; } .pt-md--90 { padding-top: -90px !important; } .pt-md--100 { padding-top: -100px !important; } .pb-md--0 { padding-bottom: 0px !important; } .pb-md-10 { padding-bottom: 10px !important; } .pb-md-15 { padding-bottom: 15px !important; } .pb-md-20 { padding-bottom: 20px !important; } .pb-md-25 { padding-bottom: 25px !important; } .pb-md-30 { padding-bottom: 30px !important; } .pb-md-40 { padding-bottom: 40px !important; } .pb-md-50 { padding-bottom: 50px !important; } .pb-md-60 { padding-bottom: 60px !important; } .pb-md-70 { padding-bottom: 70px !important; } .pb-md-80 { padding-bottom: 80px !important; } .pb-md-90 { padding-bottom: 90px !important; } .pb-md-100 { padding-bottom: 100px !important; } .pb-md-110 { padding-bottom: 110px !important; } .pb-md-120 { padding-bottom: 120px !important; } .pb-md-130 { padding-bottom: 130px !important; } .pb-md-140 { padding-bottom: 140px !important; } .pb-md-150 { padding-bottom: 150px !important; } .pb-md-200 { padding-bottom: 200px !important; } .pb-md-250 { padding-bottom: 250px !important; } .pb-md--10 { padding-bottom: -10px !important; } .pb-md--15 { padding-bottom: -15px !important; } .pb-md--20 { padding-bottom: -20px !important; } .pb-md--25 { padding-bottom: -25px !important; } .pb-md--30 { padding-bottom: -30px !important; } .pb-md--40 { padding-bottom: -40px !important; } .pb-md--50 { padding-bottom: -50px !important; } .pb-md--60 { padding-bottom: -60px !important; } .pb-md--70 { padding-bottom: -70px !important; } .pb-md--80 { padding-bottom: -80px !important; } .pb-md--90 { padding-bottom: -90px !important; } .pb-md--100 { padding-bottom: -100px !important; } .pr-md--0 { padding-right: 0px !important; } .pr-md-10 { padding-right: 10px !important; } .pr-md-15 { padding-right: 15px !important; } .pr-md-20 { padding-right: 20px !important; } .pr-md-25 { padding-right: 25px !important; } .pr-md-30 { padding-right: 30px !important; } .pr-md-40 { padding-right: 40px !important; } .pr-md-50 { padding-right: 50px !important; } .pr-md-60 { padding-right: 60px !important; } .pr-md-70 { padding-right: 70px !important; } .pr-md-80 { padding-right: 80px !important; } .pr-md-90 { padding-right: 90px !important; } .pr-md-100 { padding-right: 100px !important; } .pr-md-110 { padding-right: 110px !important; } .pr-md-120 { padding-right: 120px !important; } .pr-md-130 { padding-right: 130px !important; } .pr-md-140 { padding-right: 140px !important; } .pr-md-150 { padding-right: 150px !important; } .pr-md-200 { padding-right: 200px !important; } .pr-md-250 { padding-right: 250px !important; } .pr-md--10 { padding-right: -10px !important; } .pr-md--15 { padding-right: -15px !important; } .pr-md--20 { padding-right: -20px !important; } .pr-md--25 { padding-right: -25px !important; } .pr-md--30 { padding-right: -30px !important; } .pr-md--40 { padding-right: -40px !important; } .pr-md--50 { padding-right: -50px !important; } .pr-md--60 { padding-right: -60px !important; } .pr-md--70 { padding-right: -70px !important; } .pr-md--80 { padding-right: -80px !important; } .pr-md--90 { padding-right: -90px !important; } .pr-md--100 { padding-right: -100px !important; } .pl-md--0 { padding-left: 0px !important; } .pl-md-10 { padding-left: 10px !important; } .pl-md-15 { padding-left: 15px !important; } .pl-md-20 { padding-left: 20px !important; } .pl-md-25 { padding-left: 25px !important; } .pl-md-30 { padding-left: 30px !important; } .pl-md-40 { padding-left: 40px !important; } .pl-md-50 { padding-left: 50px !important; } .pl-md-60 { padding-left: 60px !important; } .pl-md-70 { padding-left: 70px !important; } .pl-md-80 { padding-left: 80px !important; } .pl-md-90 { padding-left: 90px !important; } .pl-md-100 { padding-left: 100px !important; } .pl-md-110 { padding-left: 110px !important; } .pl-md-120 { padding-left: 120px !important; } .pl-md-130 { padding-left: 130px !important; } .pl-md-140 { padding-left: 140px !important; } .pl-md-150 { padding-left: 150px !important; } .pl-md-200 { padding-left: 200px !important; } .pl-md-250 { padding-left: 250px !important; } .pl-md--10 { padding-left: -10px !important; } .pl-md--15 { padding-left: -15px !important; } .pl-md--20 { padding-left: -20px !important; } .pl-md--25 { padding-left: -25px !important; } .pl-md--30 { padding-left: -30px !important; } .pl-md--40 { padding-left: -40px !important; } .pl-md--50 { padding-left: -50px !important; } .pl-md--60 { padding-left: -60px !important; } .pl-md--70 { padding-left: -70px !important; } .pl-md--80 { padding-left: -80px !important; } .pl-md--90 { padding-left: -90px !important; } .pl-md--100 { padding-left: -100px !important; } } @media (max-width: 767.98px) { .p-sm--0 { padding: 0px !important; } .p-sm-10 { padding: 10px !important; } .p-sm-15 { padding: 15px !important; } .p-sm-20 { padding: 20px !important; } .p-sm-25 { padding: 25px !important; } .p-sm-30 { padding: 30px !important; } .p-sm-40 { padding: 40px !important; } .p-sm-50 { padding: 50px !important; } .p-sm-60 { padding: 60px !important; } .p-sm-70 { padding: 70px !important; } .p-sm-80 { padding: 80px !important; } .p-sm-90 { padding: 90px !important; } .p-sm-100 { padding: 100px !important; } .p-sm-110 { padding: 110px !important; } .p-sm-120 { padding: 120px !important; } .p-sm-130 { padding: 130px !important; } .p-sm-140 { padding: 140px !important; } .p-sm-150 { padding: 150px !important; } .p-sm-200 { padding: 200px !important; } .p-sm-250 { padding: 250px !important; } .p-sm--10 { padding: -10px !important; } .p-sm--15 { padding: -15px !important; } .p-sm--20 { padding: -20px !important; } .p-sm--25 { padding: -25px !important; } .p-sm--30 { padding: -30px !important; } .p-sm--40 { padding: -40px !important; } .p-sm--50 { padding: -50px !important; } .p-sm--60 { padding: -60px !important; } .p-sm--70 { padding: -70px !important; } .p-sm--80 { padding: -80px !important; } .p-sm--90 { padding: -90px !important; } .p-sm--100 { padding: -100px !important; } .pt-sm--0 { padding-top: 0px !important; } .pt-sm-10 { padding-top: 10px !important; } .pt-sm-15 { padding-top: 15px !important; } .pt-sm-20 { padding-top: 20px !important; } .pt-sm-25 { padding-top: 25px !important; } .pt-sm-30 { padding-top: 30px !important; } .pt-sm-40 { padding-top: 40px !important; } .pt-sm-50 { padding-top: 50px !important; } .pt-sm-60 { padding-top: 60px !important; } .pt-sm-70 { padding-top: 70px !important; } .pt-sm-80 { padding-top: 80px !important; } .pt-sm-90 { padding-top: 90px !important; } .pt-sm-100 { padding-top: 100px !important; } .pt-sm-110 { padding-top: 110px !important; } .pt-sm-120 { padding-top: 120px !important; } .pt-sm-130 { padding-top: 130px !important; } .pt-sm-140 { padding-top: 140px !important; } .pt-sm-150 { padding-top: 150px !important; } .pt-sm-200 { padding-top: 200px !important; } .pt-sm-250 { padding-top: 250px !important; } .pt-sm--10 { padding-top: -10px !important; } .pt-sm--15 { padding-top: -15px !important; } .pt-sm--20 { padding-top: -20px !important; } .pt-sm--25 { padding-top: -25px !important; } .pt-sm--30 { padding-top: -30px !important; } .pt-sm--40 { padding-top: -40px !important; } .pt-sm--50 { padding-top: -50px !important; } .pt-sm--60 { padding-top: -60px !important; } .pt-sm--70 { padding-top: -70px !important; } .pt-sm--80 { padding-top: -80px !important; } .pt-sm--90 { padding-top: -90px !important; } .pt-sm--100 { padding-top: -100px !important; } .pb-sm--0 { padding-bottom: 0px !important; } .pb-sm-10 { padding-bottom: 10px !important; } .pb-sm-15 { padding-bottom: 15px !important; } .pb-sm-20 { padding-bottom: 20px !important; } .pb-sm-25 { padding-bottom: 25px !important; } .pb-sm-30 { padding-bottom: 30px !important; } .pb-sm-40 { padding-bottom: 40px !important; } .pb-sm-50 { padding-bottom: 50px !important; } .pb-sm-60 { padding-bottom: 60px !important; } .pb-sm-70 { padding-bottom: 70px !important; } .pb-sm-80 { padding-bottom: 80px !important; } .pb-sm-90 { padding-bottom: 90px !important; } .pb-sm-100 { padding-bottom: 100px !important; } .pb-sm-110 { padding-bottom: 110px !important; } .pb-sm-120 { padding-bottom: 120px !important; } .pb-sm-130 { padding-bottom: 130px !important; } .pb-sm-140 { padding-bottom: 140px !important; } .pb-sm-150 { padding-bottom: 150px !important; } .pb-sm-200 { padding-bottom: 200px !important; } .pb-sm-250 { padding-bottom: 250px !important; } .pb-sm--10 { padding-bottom: -10px !important; } .pb-sm--15 { padding-bottom: -15px !important; } .pb-sm--20 { padding-bottom: -20px !important; } .pb-sm--25 { padding-bottom: -25px !important; } .pb-sm--30 { padding-bottom: -30px !important; } .pb-sm--40 { padding-bottom: -40px !important; } .pb-sm--50 { padding-bottom: -50px !important; } .pb-sm--60 { padding-bottom: -60px !important; } .pb-sm--70 { padding-bottom: -70px !important; } .pb-sm--80 { padding-bottom: -80px !important; } .pb-sm--90 { padding-bottom: -90px !important; } .pb-sm--100 { padding-bottom: -100px !important; } .pr-sm--0 { padding-right: 0px !important; } .pr-sm-10 { padding-right: 10px !important; } .pr-sm-15 { padding-right: 15px !important; } .pr-sm-20 { padding-right: 20px !important; } .pr-sm-25 { padding-right: 25px !important; } .pr-sm-30 { padding-right: 30px !important; } .pr-sm-40 { padding-right: 40px !important; } .pr-sm-50 { padding-right: 50px !important; } .pr-sm-60 { padding-right: 60px !important; } .pr-sm-70 { padding-right: 70px !important; } .pr-sm-80 { padding-right: 80px !important; } .pr-sm-90 { padding-right: 90px !important; } .pr-sm-100 { padding-right: 100px !important; } .pr-sm-110 { padding-right: 110px !important; } .pr-sm-120 { padding-right: 120px !important; } .pr-sm-130 { padding-right: 130px !important; } .pr-sm-140 { padding-right: 140px !important; } .pr-sm-150 { padding-right: 150px !important; } .pr-sm-200 { padding-right: 200px !important; } .pr-sm-250 { padding-right: 250px !important; } .pr-sm--10 { padding-right: -10px !important; } .pr-sm--15 { padding-right: -15px !important; } .pr-sm--20 { padding-right: -20px !important; } .pr-sm--25 { padding-right: -25px !important; } .pr-sm--30 { padding-right: -30px !important; } .pr-sm--40 { padding-right: -40px !important; } .pr-sm--50 { padding-right: -50px !important; } .pr-sm--60 { padding-right: -60px !important; } .pr-sm--70 { padding-right: -70px !important; } .pr-sm--80 { padding-right: -80px !important; } .pr-sm--90 { padding-right: -90px !important; } .pr-sm--100 { padding-right: -100px !important; } .pl-sm--0 { padding-left: 0px !important; } .pl-sm-10 { padding-left: 10px !important; } .pl-sm-15 { padding-left: 15px !important; } .pl-sm-20 { padding-left: 20px !important; } .pl-sm-25 { padding-left: 25px !important; } .pl-sm-30 { padding-left: 30px !important; } .pl-sm-40 { padding-left: 40px !important; } .pl-sm-50 { padding-left: 50px !important; } .pl-sm-60 { padding-left: 60px !important; } .pl-sm-70 { padding-left: 70px !important; } .pl-sm-80 { padding-left: 80px !important; } .pl-sm-90 { padding-left: 90px !important; } .pl-sm-100 { padding-left: 100px !important; } .pl-sm-110 { padding-left: 110px !important; } .pl-sm-120 { padding-left: 120px !important; } .pl-sm-130 { padding-left: 130px !important; } .pl-sm-140 { padding-left: 140px !important; } .pl-sm-150 { padding-left: 150px !important; } .pl-sm-200 { padding-left: 200px !important; } .pl-sm-250 { padding-left: 250px !important; } .pl-sm--10 { padding-left: -10px !important; } .pl-sm--15 { padding-left: -15px !important; } .pl-sm--20 { padding-left: -20px !important; } .pl-sm--25 { padding-left: -25px !important; } .pl-sm--30 { padding-left: -30px !important; } .pl-sm--40 { padding-left: -40px !important; } .pl-sm--50 { padding-left: -50px !important; } .pl-sm--60 { padding-left: -60px !important; } .pl-sm--70 { padding-left: -70px !important; } .pl-sm--80 { padding-left: -80px !important; } .pl-sm--90 { padding-left: -90px !important; } .pl-sm--100 { padding-left: -100px !important; } } @media (max-width: 575.98px) { .p-xs--0 { padding: 0px !important; } .p-xs-10 { padding: 10px !important; } .p-xs-15 { padding: 15px !important; } .p-xs-20 { padding: 20px !important; } .p-xs-25 { padding: 25px !important; } .p-xs-30 { padding: 30px !important; } .p-xs-40 { padding: 40px !important; } .p-xs-50 { padding: 50px !important; } .p-xs-60 { padding: 60px !important; } .p-xs-70 { padding: 70px !important; } .p-xs-80 { padding: 80px !important; } .p-xs-90 { padding: 90px !important; } .p-xs-100 { padding: 100px !important; } .p-xs-110 { padding: 110px !important; } .p-xs-120 { padding: 120px !important; } .p-xs-130 { padding: 130px !important; } .p-xs-140 { padding: 140px !important; } .p-xs-150 { padding: 150px !important; } .p-xs-200 { padding: 200px !important; } .p-xs-250 { padding: 250px !important; } .p-xs--10 { padding: -10px !important; } .p-xs--15 { padding: -15px !important; } .p-xs--20 { padding: -20px !important; } .p-xs--25 { padding: -25px !important; } .p-xs--30 { padding: -30px !important; } .p-xs--40 { padding: -40px !important; } .p-xs--50 { padding: -50px !important; } .p-xs--60 { padding: -60px !important; } .p-xs--70 { padding: -70px !important; } .p-xs--80 { padding: -80px !important; } .p-xs--90 { padding: -90px !important; } .p-xs--100 { padding: -100px !important; } .pt-xs--0 { padding-top: 0px !important; } .pt-xs-10 { padding-top: 10px !important; } .pt-xs-15 { padding-top: 15px !important; } .pt-xs-20 { padding-top: 20px !important; } .pt-xs-25 { padding-top: 25px !important; } .pt-xs-30 { padding-top: 30px !important; } .pt-xs-40 { padding-top: 40px !important; } .pt-xs-50 { padding-top: 50px !important; } .pt-xs-60 { padding-top: 60px !important; } .pt-xs-70 { padding-top: 70px !important; } .pt-xs-80 { padding-top: 80px !important; } .pt-xs-90 { padding-top: 90px !important; } .pt-xs-100 { padding-top: 100px !important; } .pt-xs-110 { padding-top: 110px !important; } .pt-xs-120 { padding-top: 120px !important; } .pt-xs-130 { padding-top: 130px !important; } .pt-xs-140 { padding-top: 140px !important; } .pt-xs-150 { padding-top: 150px !important; } .pt-xs-200 { padding-top: 200px !important; } .pt-xs-250 { padding-top: 250px !important; } .pt-xs--10 { padding-top: -10px !important; } .pt-xs--15 { padding-top: -15px !important; } .pt-xs--20 { padding-top: -20px !important; } .pt-xs--25 { padding-top: -25px !important; } .pt-xs--30 { padding-top: -30px !important; } .pt-xs--40 { padding-top: -40px !important; } .pt-xs--50 { padding-top: -50px !important; } .pt-xs--60 { padding-top: -60px !important; } .pt-xs--70 { padding-top: -70px !important; } .pt-xs--80 { padding-top: -80px !important; } .pt-xs--90 { padding-top: -90px !important; } .pt-xs--100 { padding-top: -100px !important; } .pb-xs--0 { padding-bottom: 0px !important; } .pb-xs-10 { padding-bottom: 10px !important; } .pb-xs-15 { padding-bottom: 15px !important; } .pb-xs-20 { padding-bottom: 20px !important; } .pb-xs-25 { padding-bottom: 25px !important; } .pb-xs-30 { padding-bottom: 30px !important; } .pb-xs-40 { padding-bottom: 40px !important; } .pb-xs-50 { padding-bottom: 50px !important; } .pb-xs-60 { padding-bottom: 60px !important; } .pb-xs-70 { padding-bottom: 70px !important; } .pb-xs-80 { padding-bottom: 80px !important; } .pb-xs-90 { padding-bottom: 90px !important; } .pb-xs-100 { padding-bottom: 100px !important; } .pb-xs-110 { padding-bottom: 110px !important; } .pb-xs-120 { padding-bottom: 120px !important; } .pb-xs-130 { padding-bottom: 130px !important; } .pb-xs-140 { padding-bottom: 140px !important; } .pb-xs-150 { padding-bottom: 150px !important; } .pb-xs-200 { padding-bottom: 200px !important; } .pb-xs-250 { padding-bottom: 250px !important; } .pb-xs--10 { padding-bottom: -10px !important; } .pb-xs--15 { padding-bottom: -15px !important; } .pb-xs--20 { padding-bottom: -20px !important; } .pb-xs--25 { padding-bottom: -25px !important; } .pb-xs--30 { padding-bottom: -30px !important; } .pb-xs--40 { padding-bottom: -40px !important; } .pb-xs--50 { padding-bottom: -50px !important; } .pb-xs--60 { padding-bottom: -60px !important; } .pb-xs--70 { padding-bottom: -70px !important; } .pb-xs--80 { padding-bottom: -80px !important; } .pb-xs--90 { padding-bottom: -90px !important; } .pb-xs--100 { padding-bottom: -100px !important; } .pr-xs--0 { padding-right: 0px !important; } .pr-xs-10 { padding-right: 10px !important; } .pr-xs-15 { padding-right: 15px !important; } .pr-xs-20 { padding-right: 20px !important; } .pr-xs-25 { padding-right: 25px !important; } .pr-xs-30 { padding-right: 30px !important; } .pr-xs-40 { padding-right: 40px !important; } .pr-xs-50 { padding-right: 50px !important; } .pr-xs-60 { padding-right: 60px !important; } .pr-xs-70 { padding-right: 70px !important; } .pr-xs-80 { padding-right: 80px !important; } .pr-xs-90 { padding-right: 90px !important; } .pr-xs-100 { padding-right: 100px !important; } .pr-xs-110 { padding-right: 110px !important; } .pr-xs-120 { padding-right: 120px !important; } .pr-xs-130 { padding-right: 130px !important; } .pr-xs-140 { padding-right: 140px !important; } .pr-xs-150 { padding-right: 150px !important; } .pr-xs-200 { padding-right: 200px !important; } .pr-xs-250 { padding-right: 250px !important; } .pr-xs--10 { padding-right: -10px !important; } .pr-xs--15 { padding-right: -15px !important; } .pr-xs--20 { padding-right: -20px !important; } .pr-xs--25 { padding-right: -25px !important; } .pr-xs--30 { padding-right: -30px !important; } .pr-xs--40 { padding-right: -40px !important; } .pr-xs--50 { padding-right: -50px !important; } .pr-xs--60 { padding-right: -60px !important; } .pr-xs--70 { padding-right: -70px !important; } .pr-xs--80 { padding-right: -80px !important; } .pr-xs--90 { padding-right: -90px !important; } .pr-xs--100 { padding-right: -100px !important; } .pl-xs--0 { padding-left: 0px !important; } .pl-xs-10 { padding-left: 10px !important; } .pl-xs-15 { padding-left: 15px !important; } .pl-xs-20 { padding-left: 20px !important; } .pl-xs-25 { padding-left: 25px !important; } .pl-xs-30 { padding-left: 30px !important; } .pl-xs-40 { padding-left: 40px !important; } .pl-xs-50 { padding-left: 50px !important; } .pl-xs-60 { padding-left: 60px !important; } .pl-xs-70 { padding-left: 70px !important; } .pl-xs-80 { padding-left: 80px !important; } .pl-xs-90 { padding-left: 90px !important; } .pl-xs-100 { padding-left: 100px !important; } .pl-xs-110 { padding-left: 110px !important; } .pl-xs-120 { padding-left: 120px !important; } .pl-xs-130 { padding-left: 130px !important; } .pl-xs-140 { padding-left: 140px !important; } .pl-xs-150 { padding-left: 150px !important; } .pl-xs-200 { padding-left: 200px !important; } .pl-xs-250 { padding-left: 250px !important; } .pl-xs--10 { padding-left: -10px !important; } .pl-xs--15 { padding-left: -15px !important; } .pl-xs--20 { padding-left: -20px !important; } .pl-xs--25 { padding-left: -25px !important; } .pl-xs--30 { padding-left: -30px !important; } .pl-xs--40 { padding-left: -40px !important; } .pl-xs--50 { padding-left: -50px !important; } .pl-xs--60 { padding-left: -60px !important; } .pl-xs--70 { padding-left: -70px !important; } .pl-xs--80 { padding-left: -80px !important; } .pl-xs--90 { padding-left: -90px !important; } .pl-xs--100 { padding-left: -100px !important; } } .tm-responsive-pos-top-0 { top: 0px; } .tm-responsive-pos-top-10 { top: 10px; } .tm-responsive-pos-top-15 { top: 15px; } .tm-responsive-pos-top-20 { top: 20px; } .tm-responsive-pos-top-25 { top: 25px; } .tm-responsive-pos-top-30 { top: 30px; } .tm-responsive-pos-top-40 { top: 40px; } .tm-responsive-pos-top-50 { top: 50px; } .tm-responsive-pos-top-60 { top: 60px; } .tm-responsive-pos-top-70 { top: 70px; } .tm-responsive-pos-top-80 { top: 80px; } .tm-responsive-pos-top-90 { top: 90px; } .tm-responsive-pos-top-100 { top: 100px; } @media (max-width: 991.98px) { [class^="tm-responsive-pos-top-"], [class*=" tm-responsive-pos-top-"] { top: 0; } } .tm-responsive-pos-bottom-0 { bottom: 0px; } .tm-responsive-pos-bottom-10 { bottom: 10px; } .tm-responsive-pos-bottom-15 { bottom: 15px; } .tm-responsive-pos-bottom-20 { bottom: 20px; } .tm-responsive-pos-bottom-25 { bottom: 25px; } .tm-responsive-pos-bottom-30 { bottom: 30px; } .tm-responsive-pos-bottom-40 { bottom: 40px; } .tm-responsive-pos-bottom-50 { bottom: 50px; } .tm-responsive-pos-bottom-60 { bottom: 60px; } .tm-responsive-pos-bottom-70 { bottom: 70px; } .tm-responsive-pos-bottom-80 { bottom: 80px; } .tm-responsive-pos-bottom-90 { bottom: 90px; } .tm-responsive-pos-bottom-100 { bottom: 100px; } @media (max-width: 991.98px) { [class^="tm-responsive-pos-bottom-"], [class*=" tm-responsive-pos-bottom-"] { bottom: 0; } } .mt-responsive--150 { margin-top: -150px; } @media (max-width: 1199.98px) { .mt-responsive--150 { margin-top: -100px; } } @media (max-width: 991.98px) { .mt-responsive--150 { margin-top: -50px; } } .mt-responsive--200 { margin-top: -200px; } @media (max-width: 1199.98px) { .mt-responsive--200 { margin-top: -150px; } } @media (max-width: 991.98px) { .mt-responsive--200 { margin-top: -80px; } } .mt-responsive--210 { margin-top: -210px; } @media (max-width: 1199.98px) { .mt-responsive--210 { margin-top: -150px; } } @media (max-width: 991.98px) { .mt-responsive--210 { margin-top: -80px; } } .mt-responsive--220 { margin-top: -220px; } @media (max-width: 1199.98px) { .mt-responsive--220 { margin-top: -150px; } } @media (max-width: 991.98px) { .mt-responsive--220 { margin-top: -80px; } } .mt-responsive--230 { margin-top: -230px; } @media (max-width: 1199.98px) { .mt-responsive--230 { margin-top: -150px; } } @media (max-width: 991.98px) { .mt-responsive--230 { margin-top: -80px; } } .mt-responsive--240 { margin-top: -240px; } @media (max-width: 1199.98px) { .mt-responsive--240 { margin-top: -150px; } } @media (max-width: 991.98px) { .mt-responsive--240 { margin-top: -80px; } } .mt-responsive--250 { margin-top: -250px; } @media (max-width: 1199.98px) { .mt-responsive--250 { margin-top: -150px; } } @media (max-width: 991.98px) { .mt-responsive--250 { margin-top: -80px; } } @media (max-width: 767.98px) { [class^="mt-responsive-"], [class*=" mt-responsive-"] { margin-top: 0; } } /*================================================== = Bootstrap 5 Media Queries = $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px ); ==================================================*/ /*========== Mobile First Method ==========*/ /*========== Non-Mobile First Method ==========*/ /*========== minimum and maximum breakpoint Method ==========*/ @media (min-width: 992px) and (max-width: 1199.98px) { body { font-size: 1rem; } h1 { font-size: 3.3rem; } h2 { font-size: 2.5rem; } h3 { font-size: 2.2rem; } } @media (min-width: 768px) and (max-width: 991.98px) { body { font-size: 1rem; } h1 { font-size: 3.1rem; } h2 { font-size: 2.3rem; } h3 { font-size: 2.1rem; } } @media (max-width: 575.98px) { body { font-size: 1rem; } h1 { font-size: 3.0rem; } h2 { font-size: 2.2rem; } h3 { font-size: 2.0rem; } }