| Server IP : 103.161.17.216 / Your IP : 216.73.216.1 Web Server : nginx/1.18.0 System : Linux tipsysaigoncharming 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 User : www-data ( 33) PHP Version : 7.4.3-4ubuntu2.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/dinhphuongdong.com/public/frontend/css/ |
Upload File : |
@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-contact.css);
@import url("https://fonts.googleapis.com/css?family=Open Sans:300,400,500,600,700,800|Poppins:400,500,600,700,800,900");
/*
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: #676767;
font-size: 1rem;
font-family: "Lexend", sans-serif;
text-align: justify;
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 screen and (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: 3rem; }
h2, .h2 {
font-size: 2.5rem; }
h3, .h3 {
font-size: 1.8rem; }
h4, .h4 {
font-size: 1.5rem; }
h5, .h5 {
font-size: 1.25rem; }
h6, .h6 {
font-size: 1rem; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: 600;
line-height: 1.3;
color: #081340; }
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: #081340; }
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: "Lexend", sans-serif;
margin-bottom: 1rem;
margin-top: 0.75rem; }
h4, h5, h6,
.h4, .h5, .h6 {
font-family: "Lexend", sans-serif;
font-weight: 600;
line-height: 1.8;
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 screen and (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; }
/* -------- 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; }
.postshort{
width: 300px;
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
-webkit-line-clamp: 5;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.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: #081340 !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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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.container-970px .container {
width: 970px; }
body.container-100pr .container {
width: 100%; }
body.container-100pr .container,
body.container-100pr .container-fluid {
padding-left: 40px;
padding-right: 40px; }
body.container-100pr .container .container,
body.container-100pr .container .container-fluid,
body.container-100pr .container-fluid .container,
body.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%; }
/* vc_row layer overlay */
.vc_row.layer-overlay:before {
display: unset; }
.vc_row.vc_general.layer-overlay:before {
z-index: 1; }
.layer-overlay {
z-index: 0; }
.layer-overlay:before {
z-index: -1; }
.layer-overlay .upb_row_bg {
z-index: -2; }
/*
* 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: 15px;
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; }
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: 30px 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: 30px 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; }
.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: 20px;
height: 3px;
margin: 4px 20px 0;
float: right;
background: #333;
border-radius: 3px; }
/* 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;
font-size: 22px;
text-align: center;
line-height: 43px;
border-left: solid 1px #f5f5f5; }
.menuzord-responsive .menuzord-menu li ul.dropdown li .indicator {
height: 38px;
right: 0;
top: 0;
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 screen and (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%; } }
/*
* 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 screen and (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 screen and (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 {
flex: 0 0 auto;
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 screen and (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: 600;
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 screen and (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 screen and (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: 600;
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-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: 1111; }
@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: 1111; }
@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: 1111; }
@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: 1111; }
@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: 1111; }
@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: 1111; }
@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: 1111; }
@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: 1111; }
@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: 1111; }
@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: 1111; }
@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: 1111; }
@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: 1111; }
@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: 1111; }
@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: 1111; }
@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: 1111; }
@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: 1111; }
@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: 1111;
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: 1111;
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: 1111;
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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 {
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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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: 1111; }
.menu-full-page .fullpage-nav-toggle.menufullpage-menu-open + #fullpage-nav > ul {
margin-top: 70px; }
.menu-full-page .fullpage-nav-toggle {
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 screen and (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: 45%;
left: 24px;
right: 18px;
height: 4px;
border-radius: 2px;
background: #333;
transition: background 0 0.3s; }
@media screen and (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; }
@media screen and (prefers-reduced-motion: reduce) {
body.tm-vertical-nav header#header {
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 screen and (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.container-970px .container {
max-width: 970px;
width: 970px; } }
@media (min-width: 1300px) {
body.container-1230px .container {
max-width: 1230px;
width: 1230px; } }
@media (min-width: 1400px) {
body.container-1340px .container {
max-width: 1340px;
width: 1340px; } }
@media (min-width: 1500px) {
body.container-1440px .container {
max-width: 1440px;
width: 1440px; } }
@media (min-width: 1560px) {
body.container-1500px .container {
max-width: 1500px;
width: 1500px; } }
@media (min-width: 1660px) {
body.container-1600px .container {
max-width: 1600px;
width: 1600px; } }
body.container-100pr .container,
body.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.container-970px #wrapper {
width: calc( 940px + 30px); } }
.tm-boxed-layout.container-970px .container,
.tm-boxed-layout.container-970px .container-fluid {
padding-left: 20px;
padding-right: 20px; }
.tm-boxed-layout.container-970px .container .container,
.tm-boxed-layout.container-970px .container .container-fluid,
.tm-boxed-layout.container-970px .container-fluid .container,
.tm-boxed-layout.container-970px .container-fluid .container-fluid {
padding-left: 0;
padding-right: 0; }
@media (min-width: 1300px) {
.tm-boxed-layout.container-1230px #wrapper {
width: calc( 1200px + 30px); } }
.tm-boxed-layout.container-1230px .container,
.tm-boxed-layout.container-1230px .container-fluid {
width: 100%;
padding-left: 20px;
padding-right: 20px; }
.tm-boxed-layout.container-1230px .container .container,
.tm-boxed-layout.container-1230px .container .container-fluid,
.tm-boxed-layout.container-1230px .container-fluid .container,
.tm-boxed-layout.container-1230px .container-fluid .container-fluid {
padding-left: 0;
padding-right: 0; }
@media (min-width: 1400px) {
.tm-boxed-layout.container-1340px #wrapper {
width: calc( 1300px + 40px); } }
.tm-boxed-layout.container-1340px .container,
.tm-boxed-layout.container-1340px .container-fluid {
width: 100%;
padding-left: 20px;
padding-right: 20px; }
.tm-boxed-layout.container-1340px .container .container,
.tm-boxed-layout.container-1340px .container .container-fluid,
.tm-boxed-layout.container-1340px .container-fluid .container,
.tm-boxed-layout.container-1340px .container-fluid .container-fluid {
padding-left: 0;
padding-right: 0; }
@media (min-width: 1400px) {
.tm-boxed-layout.container-1440px #wrapper {
width: calc( 1400px + 40px); } }
.tm-boxed-layout.container-1440px .container,
.tm-boxed-layout.container-1440px .container-fluid {
width: 100%;
padding-left: 20px;
padding-right: 20px; }
.tm-boxed-layout.container-1440px .container .container,
.tm-boxed-layout.container-1440px .container .container-fluid,
.tm-boxed-layout.container-1440px .container-fluid .container,
.tm-boxed-layout.container-1440px .container-fluid .container-fluid {
padding-left: 0;
padding-right: 0; }
@media (min-width: 1560px) {
.tm-boxed-layout.container-1500px #wrapper {
width: calc( 1460px + 40px); } }
.tm-boxed-layout.container-1500px .container,
.tm-boxed-layout.container-1500px .container-fluid {
width: 100%;
padding-left: 20px;
padding-right: 20px; }
.tm-boxed-layout.container-1500px .container .container,
.tm-boxed-layout.container-1500px .container .container-fluid,
.tm-boxed-layout.container-1500px .container-fluid .container,
.tm-boxed-layout.container-1500px .container-fluid .container-fluid {
padding-left: 0;
padding-right: 0; }
@media (min-width: 1660px) {
.tm-boxed-layout.container-1600px #wrapper {
width: calc( 1560px + 40px); } }
.tm-boxed-layout.container-1600px .container,
.tm-boxed-layout.container-1600px .container-fluid {
width: 100%;
padding-left: 20px;
padding-right: 20px; }
.tm-boxed-layout.container-1600px .container .container,
.tm-boxed-layout.container-1600px .container .container-fluid,
.tm-boxed-layout.container-1600px .container-fluid .container,
.tm-boxed-layout.container-1600px .container-fluid .container-fluid {
padding-left: 0;
padding-right: 0; }
.tm-boxed-layout.container-100pr #wrapper {
width: 95%; }
.tm-boxed-layout.container-100pr #wrapper .container,
.tm-boxed-layout.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
* -----------------------------------------------
*/
.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 {
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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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: #676767;
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-objects .floating-object-1 {
left: 5%;
top: 10%;
background-image: url("../images/floating-objects/1.png"); }
.tm-floating-objects .floating-object-2 {
right: 5%;
bottom: 5%;
background-image: url("../images/floating-objects/2.png"); }
.tm-floating-objects .floating-object-3 {
right: 10%;
top: 10%;
background-image: url("../images/floating-objects/3.png"); }
.tm-floating-objects .floating-object-4 {
left: 10%;
bottom: 5%;
background-image: url("../images/floating-objects/4.png"); }
.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-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); } }
/*
* 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: #676767;
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
* -----------------------------------------------
*/
.tm-accordion .card {
margin-bottom: 5px;
overflow: hidden;
box-shadow: 0 14px 18px 0 rgba(0, 0, 0, 0.05); }
.tm-accordion .card:first-child {
border-radius: 15px 15px 0 0; }
.tm-accordion .card:last-child {
border-radius: 0 0 15px 15px; }
.tm-accordion .card .card-header {
background-color: #fff;
border-top: none; }
.tm-accordion .card .card-header:hover {
cursor: pointer; }
.tm-accordion .card .card-header .title {
padding: 1rem 2rem;
margin: 0;
position: relative; }
.tm-accordion .card .card-header .title .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 screen and (prefers-reduced-motion: reduce) {
.tm-accordion .card .card-header .title .accordion-controls-icon {
transition: none; } }
.tm-accordion .card .card-header .title: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-classic .card .card-header .title:not(.collapsed) {
background-color: #f5f5f5; }
.tm-accordion.accordion-gradient .card .card-header .title: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 screen and (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 screen and (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 {
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
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: 0 7px 20px rgba(102, 102, 102, 0.2); }
.btn-gray:hover {
color: #fff;
background-color: #535353;
border-color: #4d4d4d;
box-shadow: 0 10px 20px rgba(102, 102, 102, 0.5); }
.btn-gray:focus, .btn-gray.focus {
box-shadow: 0 0 0 0.2rem rgba(102, 102, 102, 0.5); }
.btn-gray.disabled, .btn-gray:disabled {
color: #fff;
background-color: #666;
border-color: #666; }
.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active,
.show > .btn-gray.dropdown-toggle {
color: #fff;
background-color: #4d4d4d;
border-color: #464646; }
.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(102, 102, 102, 0.5); }
.btn-outline-gray {
color: #666;
background-color: transparent;
background-image: none;
border-color: #666;
box-shadow: 0 7px 20px rgba(102, 102, 102, 0.2); }
.btn-outline-gray:hover {
color: #fff;
background-color: #666;
border-color: #666;
box-shadow: 0 10px 20px rgba(102, 102, 102, 0.5); }
.btn-outline-gray:focus, .btn-outline-gray.focus {
box-shadow: 0 0 0 0.2rem rgba(102, 102, 102, 0.5); }
.btn-outline-gray.disabled, .btn-outline-gray:disabled {
color: #666;
background-color: transparent; }
.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active,
.show > .btn-outline-gray.dropdown-toggle {
color: #fff;
background-color: #666;
border-color: #666; }
.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-gray.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(102, 102, 102, 0.5); }
.btn-xs {
padding: 0.5rem 1rem;
font-size: 0.8rem;
line-height: 1.5;
border-radius: 0.2rem; }
.btn {
border-width: 3px;
letter-spacing: .05rem;
padding: 0.8rem 2.5rem;
overflow: hidden;
transition: all 0.2s ease-in-out; }
@media screen and (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: #343a40;
background-color: transparent; }
.btn-dark, .btn-outline-dark {
box-shadow: 0 7px 20px rgba(52, 58, 64, 0.2); }
.btn-dark:hover, .btn-outline-dark:hover {
box-shadow: 0 10px 20px rgba(52, 58, 64, 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: #007bff; }
.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: #28a745; }
.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: #17a2b8; }
.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: #343a40; }
.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 {
display: table;
position: relative;
table-layout: fixed; }
.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: "Playfair Display", 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 screen and (prefers-reduced-motion: reduce) {
.tm-sc-funfact {
transition: none; } }
.tm-sc-funfact .funfact-inner .funfact-icon {
transition: all 0.3s ease-in-out; }
@media screen and (prefers-reduced-motion: reduce) {
.tm-sc-funfact .funfact-inner .funfact-icon {
transition: none; } }
.tm-sc-funfact .funfact-inner .funfact-icon i {
font-size: 45px;
transition: all 0.3s ease-in-out; }
@media screen and (prefers-reduced-motion: reduce) {
.tm-sc-funfact .funfact-inner .funfact-icon i {
transition: none; } }
.tm-sc-funfact .funfact-inner .counter {
margin-top: 0; }
.tm-sc-funfact .funfact-inner .counter .animate-number {
line-height: 1; }
.tm-sc-funfact .funfact-inner.funfact-lefticon .details {
margin-left: 60px; }
.tm-sc-funfact .funfact-inner :last-child {
margin-bottom: 0; }
/*
* Shortcode: Icon Boxes
* -----------------------------------------------
*/
.icon-box {
position: relative;
z-index: 0;
transition: all 0.5s ease; }
@media screen and (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 screen and (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: #676767;
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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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; }
.tm-sc-nav-tabs-pricing.nav-tab-btn-basic .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-basic .nav-tabs li {
display: inline-block;
margin-bottom: 0; }
.tm-sc-nav-tabs-pricing.nav-tab-btn-basic .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-basic .nav-tabs li a:hover {
border-color: #333;
background: #333;
color: #FFFFFF; }
.tm-sc-nav-tabs-pricing.nav-tab-btn-basic .nav-tabs li a.active {
border-color: #333;
background: #333;
color: #FFFFFF; }
.tm-sc-nav-tabs-pricing.nav-tab-btn-basic .nav-tabs li a span.subtitle {
font-size: 0.8rem;
padding-left: 5px;
font-weight: normal; }
.tm-sc-nav-tabs-pricing.nav-tab-btn-basic .nav-tabs li:first-child a {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.tm-sc-nav-tabs-pricing.nav-tab-btn-basic .nav-tabs li:last-child a {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.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: 1px;
font-size: 15px; }
@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: #081340; }
.tm-sc-nav-tabs-pricing.nav-tab-btn-switch .nav-tabs li:hover a {
color: #081340; }
.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: .9375rem 2.1875rem;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s; }
.tm-sc-nav-tabs-pricing.nav-tab-btn-bullet .nav-tabs li a span.subtitle {
font-size: 15px; }
@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;
transition: all 0.2s ease-in; }
@media screen and (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 .pricing-table-pricing {
margin-bottom: 15px;
margin-top: 15px; }
.tm-sc-pricing-table .pricing-table-inner .pricing-table-pricing .pricing-table-price {
color: #999;
font-weight: 400;
font-size: 48px; }
.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-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: 20px; }
.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; }
.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.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.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.1);
-ms-transform: translateY(-20px) scale(1.1);
-o-transform: translateY(-20px) scale(1.1);
-moz-transform: translateY(-20px) scale(1.1);
transform: translateY(-20px) scale(1.1); }
.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-style3 {
text-align: center; }
.tm-sc-pricing-table.pricing-table-style3 .pricing-table-content ul {
text-align: left; }
.tm-sc-pricing-table.pricing-table-style4 {
text-align: center; }
.tm-sc-pricing-table.pricing-table-style5 {
padding: 0;
text-align: center; }
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-holder .progress-content:after {
content: "";
position: absolute;
height: 15px;
width: 15px;
border-radius: 50%;
box-shadow: inset 0 0 0 3px #FFA303;
background-color: #fff;
right: 0;
top: -5px; }
.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;
display: flex;
flex-direction: row;
justify-content: center;
text-align: center;
white-space: nowrap; }
.tm-sc-progress-bar.progress-bar-default .progress-holder .progress-content span {
display: flex;
flex-direction: column;
justify-content: center; }
.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 screen and (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: "Playfair Display", serif;
font-size: 2.5rem; }
.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: "Playfair Display", 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: 1rem;
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 screen and (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: #676767;
font-size: 1rem;
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
* -----------------------------------------------
*/
.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.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;
padding-left: 25px; }
.tm-sc-unordered-list.list-style1 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style1 ul li:before {
border-width: 2px;
border-color: #fff !important;
content: '';
display: block;
position: absolute;
top: 10px;
left: 5px;
width: 8px;
height: 5px;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
z-index: 1;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.tm-sc-unordered-list.list-style1 ul li:after {
background-color: #609beb !important;
content: '';
display: block;
position: absolute;
top: 6px;
left: 1px;
width: 15px;
height: 15px;
border: 0;
border-radius: 50%;
border: 2px solid transparent; }
.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;
padding-left: 25px; }
.tm-sc-unordered-list.list-style2 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.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;
padding-left: 25px; }
.tm-sc-unordered-list.list-style3 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style3 ul li:before {
content: "\f103"; }
.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;
padding-left: 25px; }
.tm-sc-unordered-list.list-style4 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style4 ul li:before {
content: "\f0a9"; }
.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;
padding-left: 25px; }
.tm-sc-unordered-list.list-style5 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style5 ul li:before {
content: "\f35a"; }
.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;
padding-left: 25px; }
.tm-sc-unordered-list.list-style6 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style6 ul li:before {
content: "\f30b"; }
.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;
padding-left: 25px; }
.tm-sc-unordered-list.list-style7 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style7 ul li:before {
content: "\f2f5"; }
.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;
padding-left: 25px; }
.tm-sc-unordered-list.list-style8 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style8 ul li:before {
content: "\f054"; }
.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;
padding-left: 25px; }
.tm-sc-unordered-list.list-style9 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style9 ul li:before {
content: "\f138"; }
.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;
padding-left: 25px; }
.tm-sc-unordered-list.list-style10 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style10 ul li:before {
content: "\f152"; }
.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;
padding-left: 25px; }
.tm-sc-unordered-list.list-style11 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style11 ul li:before {
content: "\f0da"; }
.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;
padding-left: 25px; }
.tm-sc-unordered-list.list-style12 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style12 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;
padding-left: 25px; }
.tm-sc-unordered-list.list-style13 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.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;
padding-left: 25px; }
.tm-sc-unordered-list.list-style14 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style14 ul li:before {
content: "\f036"; }
.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;
padding-left: 25px; }
.tm-sc-unordered-list.list-style15 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style15 ul li:before {
content: "\f069"; }
.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;
padding-left: 25px; }
.tm-sc-unordered-list.list-style16 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style16 ul li:before {
content: "\f850"; }
.tm-sc-unordered-list.list-style17 ul {
list-style: none; }
.tm-sc-unordered-list.list-style17 ul > li {
position: relative; }
.tm-sc-unordered-list.list-style17 ul li {
list-style-type: none;
padding-left: 25px; }
.tm-sc-unordered-list.list-style17 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style17 ul li:before {
content: "\f140"; }
.tm-sc-unordered-list.list-style18 ul {
list-style: none; }
.tm-sc-unordered-list.list-style18 ul > li {
position: relative; }
.tm-sc-unordered-list.list-style18 ul li {
list-style-type: none;
padding-left: 25px; }
.tm-sc-unordered-list.list-style18 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style18 ul li:before {
content: "\f126"; }
.tm-sc-unordered-list.list-style19 ul {
list-style: none; }
.tm-sc-unordered-list.list-style19 ul > li {
position: relative; }
.tm-sc-unordered-list.list-style19 ul li {
list-style-type: none;
padding-left: 25px; }
.tm-sc-unordered-list.list-style19 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style19 ul li:before {
content: "\f066"; }
.tm-sc-unordered-list.list-style20 ul {
list-style: none; }
.tm-sc-unordered-list.list-style20 ul > li {
position: relative; }
.tm-sc-unordered-list.list-style20 ul li {
list-style-type: none;
padding-left: 25px; }
.tm-sc-unordered-list.list-style20 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style20 ul li:before {
content: "\f0a6"; }
.tm-sc-unordered-list.list-style21 ul {
list-style: none; }
.tm-sc-unordered-list.list-style21 ul > li {
position: relative; }
.tm-sc-unordered-list.list-style21 ul li {
list-style-type: none;
padding-left: 25px; }
.tm-sc-unordered-list.list-style21 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style21 ul li:before {
content: "\f531"; }
.tm-sc-unordered-list.list-style22 ul {
list-style: none; }
.tm-sc-unordered-list.list-style22 ul > li {
position: relative; }
.tm-sc-unordered-list.list-style22 ul li {
list-style-type: none;
padding-left: 25px; }
.tm-sc-unordered-list.list-style22 ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.tm-sc-unordered-list.list-style22 ul li:before {
content: "\f863"; }
.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;
font-size: 1.5rem;
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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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: 28px;
padding: 5px 12px 3px;
width: auto;
text-indent: 0;
top: -50px;
z-index: 0;
transition: all 0.2s ease; }
@media screen and (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: #888;
font-size: 24px; }
.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.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 > a {
position: relative; }
.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: auto;
left: auto;
top: auto;
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 .bx-next {
right: auto;
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 > a {
background: #eee none repeat scroll 0 0;
border: 1px solid #eee;
height: auto;
line-height: 28px;
padding: 0 12px;
width: auto;
text-indent: 0;
top: -50px;
z-index: 0;
transition: all 0.2s ease; }
@media screen and (prefers-reduced-motion: reduce) {
.tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide.has-nav-arrow.nav-arrow-position-top .bx-controls .bx-controls-direction > a {
transition: none; } }
.tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide.has-nav-arrow.nav-arrow-position-top .bx-controls .bx-controls-direction > a i {
color: #888;
font-size: 24px;
padding: 3px; }
.tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide.has-nav-arrow.nav-arrow-position-top .bx-controls .bx-controls-direction > a:hover {
background: #999; }
.tm-sc-tribe-events.tm-sc-tribe-events-list-vertical-slide.has-nav-arrow.nav-arrow-position-top .bx-controls .bx-controls-direction > a:hover i {
color: #fff; }
.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: 44px;
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 screen and (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 screen and (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 screen and (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: 1rem; }
.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: #081340;
margin-right: 30px;
transition: color 0.3s ease; }
@media screen and (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: #676767; }
.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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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: #081340;
display: block;
font-weight: 700; }
.product_meta > span a, .product_meta > span .sku {
color: #676767;
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 .woocommerce-product-details__short-description {
font-size: 1.13rem;
margin-bottom: 25px; }
.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: #676767;
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: #081340; }
table.tbl-shopping-cart .product-name .variation {
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 screen and (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 screen and (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 screen and (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%; }
/*
* 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 screen and (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: #081340; }
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 screen and (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 screen and (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: #676767;
margin-bottom: 0; }
body.single-portfolio-items .portfolio-single .portfolio-meta .each-meta .info a {
font-size: 0.875rem;
font-weight: normal;
color: #676767; }
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 screen and (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: #081340;
margin-top: 0; }
.widget.widget-staff.staff-contact-info .speciality {
color: #676767;
font-size: 0.75rem; }
.widget.widget-staff.staff-contact-info .dl-horizontal dt {
color: #081340; }
.widget.widget-staff.staff-contact-info .dl-horizontal dt i {
width: 20px; }
.widget.widget-staff.staff-info .name {
color: #081340;
margin-bottom: 0; }
.widget.widget-staff.staff-info .speciality {
color: #676767; }
.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: #081340;
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: #676767;
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: "Playfair Display", 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: "Playfair Display", 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 screen and (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 screen and (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; }
/*
* 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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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); }
/*
* 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 screen and (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 screen and (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 screen and (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 screen and (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; } }
/*
* 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 screen and (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.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 .isotope-item-inner {
overflow: visible; }
.tm-sc-blog.blog-style1-current-theme 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-style1-current-theme 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-style1-current-theme article .entry-header .thumb {
border-radius: 7px 7px 0 0; }
.tm-sc-blog.blog-style1-current-theme article .entry-header .post-single-meta {
position: absolute;
top: 15px;
left: 15px; }
.tm-sc-blog.blog-style1-current-theme 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-style1-current-theme article .entry-header .post-single-meta .entry-date .day {
display: block; }
.tm-sc-blog.blog-style1-current-theme article .entry-header .post-single-meta .entry-date .year {
display: none; }
.tm-sc-blog.blog-style1-current-theme 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 screen and (prefers-reduced-motion: reduce) {
.tm-sc-blog.blog-style1-current-theme article .entry-header .link {
transition: none; } }
.tm-sc-blog.blog-style1-current-theme article .entry-content {
padding: 40px;
background-color: #fff;
position: relative; }
.tm-sc-blog.blog-style1-current-theme article .entry-content .entry-title {
margin-top: 0; }
.tm-sc-blog.blog-style1-current-theme article .entry-content .post-excerpt {
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
padding: 15px 0 25px;
margin-bottom: 0; }
.tm-sc-blog.blog-style1-current-theme 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-style1-current-theme article .entry-content .post-btn-readmore .btn-plain-text {
color: #F89D35;
font-size: 12px; }
.tm-sc-blog.blog-style1-current-theme article .entry-content .post-btn-readmore .btn-plain-text:hover, .tm-sc-blog.blog-style1-current-theme article .entry-content .post-btn-readmore .btn-plain-text:focus {
color: #000; }
.tm-sc-blog.blog-style1-current-theme article:hover {
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15); }
.tm-sc-blog.blog-style1-current-theme article:hover .entry-header {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px); }
.tm-sc-blog.blog-style1-current-theme article:hover .entry-header .link {
opacity: 1;
transform: rotateY(180deg); }
/*
* 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 screen and (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; }
/*
* 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 screen and (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 screen and (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); }
/*
* 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
* -----------------------------------------------
*/
/*
* 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
* -----------------------------------------------
*/
.mb-responsive--440 {
margin-bottom: -440px; }
@media (max-width: 767.98px) {
.mb-responsive--440 {
margin-bottom: 0; } }
.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; }
@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 4 Media Queries =
==================================================*/
/*========== 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: 767.98px) {
body {
font-size: 1rem; }
h1 {
font-size: 3.0rem; }
h2 {
font-size: 2.2rem; }
h3 {
font-size: 2.0rem; } }